<template>
	<!-- 圈子主页 -->
	<view class="main">
		<view class="header">
			<view class="top">
				<image class="left_img" src="../../images/circle/back.png" mode="aspectFill" @tap="back()"></image>
				<view class="top_r" v-if="qzDataList.isOrg == 1">
					<image class="right_img" src="../../images/circle/houtai.png" mode="aspectFill"></image>
					<text @tap="toManagement()">管理后台</text>
				</view>
			</view>
			<view class="bottom">
				<view class="left">
					<image v-if="qzDataList.orgUrl" :src="qzDataList.orgUrl" mode="aspectFill"></image>
					<image v-if="qzDataList.orgUrl == ''" src="../../images/circle/photo.png" mode="aspectFill"></image>
				</view>
				<view class="right">
					<view class="orgName">
						<text class="contetnt_">{{ qzDataList.orgName }}</text>
						<image src="../../images/circle/you.png" mode="aspectFill" @tap="jiantou()"></image>
					</view>
					<view class="name">
						<text>圈主：{{ qzDataList.applyName }}</text>
						<image v-if="qzDataList.verified" src="../../images/circle/v1.png" style="width: 24rpx;height: 24rpx;margin-left: 12rpx;margin-top: 6rpx;" mode="aspectFill"></image>
					</view>
					<view class="label" @tap="toBiaoqian()">
						<text class="text" v-if="qzDataList.friendsLists" v-for="(item,index) in friendsLists" :key= 'index'>
							{{ content(item) }}
						</text>
						<text class="text" v-if="qzDataList.friendsLists == ''">其他</text>
					</view>
				</view>
			</view>
		</view>

		<!-- 欢迎新成员  && type != 1 && welcomeUser.isOrg != 1 -->
		<view class="greet" v-if="welcomeUser != ''">
			<view class="head">
				<text class="t1">欢迎新成员</text>
				<text class="t2" @tap="goHuanying()">更多</text>
			</view>
			<view class="center">
				<view class="left" @tap="toCard(welcomeUser.userId)">
					<view class="tou">
						<view style="position: relative;width: 88rpx;height: 88rpx;">
							<image class="touxiang" :src="welcomeUser.avatarUrl" mode="aspectFill"></image>
							<image v-if="welcomeUser.verified != ''" style="width: 36rpx;height: 36rpx;margin-right: 0;" class="v" src="../../images/circle/v.png" mode="aspectFill"></image>
						</view>
						<!-- <image
						v-if="item.isOrg == 0"
						class="level"
						src="../../images/circle/level.png"
						mode="aspectFill"
					></image> -->
					</view>
					<view class="abstract">
						<view class="abstract_top">
							<text class="name">{{ welcomeUser.applyName }}</text>
							<text class="phone" v-if="welcomeUser.telphone && welcomeUser.isTelphone == 0">{{ telphone(welcomeUser.telphone) }}</text>
						</view>
						<view class="bott">
							<text class="company">{{ welcomeUser.circleCompany }}</text>
							<text class="position">{{ welcomeUser.companyPositions }}</text>
							<text class="city">{{ welcomeUser.cityName }}</text>
						</view>
					</view>
				</view>
			</view>
			<view class="tcxq" v-if="(welcomeUser.specialty != 'null' && welcomeUser.specialty != '') ||
				(welcomeUser.demand != 'null' && welcomeUser.demand != '')">
				<view class="tc" v-if="welcomeUser.specialty != 'null' && welcomeUser.specialty != ''">
					特长：<text v-for="item in welcomeUser.specialtyList">{{item}}</text>
				</view>
				<view class="xq" v-if="welcomeUser.demand != 'null' && welcomeUser.demand != ''">
					需求：<text v-for="item in welcomeUser.demandList">{{item}}</text>
				</view>
			</view>
			<view class="greet_bottom">
				<view class="bottom_left">
					<image class="imgs" v-if="thumbsList.length > 0 && thumbsList[0].avatarUrl" :src="item.avatarUrl" :style="{ position: 'absolute', top: 0, left: 30 * index + 'rpx' }"
					 mode="aspectFill" v-for="(item, index) in thumbsList"></image>
					<image class="imgs" v-else :src="item" :style="{ position: 'absolute', top: 0, left: 30 * index + 'rpx' }" mode="aspectFill"
					 v-for="(item, index) in thumbsList"></image>
					<view class="huan" :style="{ marginLeft: left(thumbsList) }" v-show="welcomeUser.isThumbs == 0" @tap="handleHuanying(welcomeUser.id, 0)">
						<image class="huanying" src="../../images/circle/hy.png" mode="aspectFill"></image>
						<text class="text1">欢迎</text>
						<text v-if="welcomeUser.thumbsCount != 0">{{
							welcomeUser.thumbsCount
						}}</text>
					</view>
					<view class="huan" :style="{ marginLeft: left(thumbsList) }" v-show="welcomeUser.isThumbs == 1" @tap="handleHuanying(welcomeUser.id, 1)">
						<image class="huanying" src="../../images/circle/hyh.png" mode="aspectFill"></image>
						<text class="text1" style="color: #e8950d;">欢迎</text>
						<text style="color: #e8950d;" v-if="welcomeUser.thumbsCount != 0">{{
							welcomeUser.thumbsCount
						}}</text>
					</view>
					<!-- <image src="../../images/circle/hyh.png" mode="aspectFill"></image> -->
				</view>
				<view class="bottom_right" @tap="handleOpenShare()">
					<image src="../../images/aliang/share.png" mode="aspectFill"></image>
				</view>
			</view>
		</view>
		<view class="yin" v-if="welcomeUser != ''"></view>
		<view class="content">
			<view class="tab">
				<view class="left">
					<text :class="index == ind ? 'active' : ''" v-for="(item, ind) in ['人脉', '微帖', '商机']" @tap="tabSwitch(ind)">{{ item }}</text>
				</view>
				<image src="../../images/circle/sousuo.png" mode="aspectFill" @tap="toSousuo()"></image>
				<view class="xian" style="
						width: 100%;
						height: 1rpx;
						position: absolute;
						left: 0;
						bottom: 0;
						background-color: #dddddd;
					"></view>
			</view>
			
			<!-- 人脉 -->
			<view class="rm" v-if="index == 0">
				<view class="member">
					<view class="list" v-for="(item, index) in peopleList" :style="
							(item.specialty != 'null' && item.specialty != '') ||
							(item.demand != 'null' && item.demand != '')
								? { 'padding-bottom': 0 }
								: { 'padding-bottom': '46rpx' }
						">
						<view class="list_top">
							<view class="left" @tap="toCard(item.userId)">
								<view class="tou">
									<view style="position: relative;width: 88rpx;height: 88rpx;">
										<image class="touxiang" :src="item.avatarUrl" mode="aspectFill"></image>
										<!-- <image v-if="item.isOrg == 0" class="level" src="../../images/circle/level.png" mode="aspectFill"></image> -->
										<image v-if="item.verified != ''" style="width: 36rpx;height: 36rpx;margin-right: 0;" class="v" src="../../images/circle/v.png" mode="aspectFill"></image>
									</view>
									
								</view>
								<view class="abstract">
									<view class="abstract_top">
										<text :class="[item.telphone != ''?'name':'activeName']">{{ ifPhone(item.applyName) }}</text>
										<image class="zhu" v-if="item.isOrg == 1" src="../../images/circle/zhu.png" mode="aspectFill"></image>
										<!-- <view class="zhu" v-if="item.isOrg==1">圈主</view> -->
										<text class="phone" v-if="item.isTelphone == 0">{{
											telphone(item.telphone)
										}}</text>
									</view>
									<view class="bott">
										<text class="company" v-if="item.company != ''">{{
											item.company
										}}</text>
										<text class="position" v-if="item.companyPositions != ''">{{
											item.companyPositions
										}}</text>
										<text class="city">{{ item.cityName }}</text>
									</view>
								</view>
							</view>
							<view class="right">
								<text @tap="goBianji(item.id, index)" v-if="item.userId == userId">编辑</text>
								<image v-if="item.userId != userId" class="phone" src="../../images/circle/dianhua.png" mode="aspectFill"
								 @tap.stop="handleCall(item.telphone, item.isTelphone)"></image>
								<image v-if="item.userId != userId" class="card" @tap="toCard(item.userId)" src="../../images/circle/card_.png"
								 mode="aspectFill"></image>
							</view>
						</view>
						<!-- <view style="background: #f7f7f7;margin: 28rpx 0;" v-if="
						(item.specialty != 'null' && item.specialty != '') ||
						(item.demand != 'null' && item.demand != '')
					">
							<scroll-view scroll-x="true">
								<view class="list_bottom">
									<view class="tc">
										<text class="tc1" v-if="item.specialty != null && item.specialty != ''">特长：<text v-for="item1 in item.specialtyList">{{
							item1
						}}</text></text>
										<text v-if="item.demand != null && item.demand != ''" class="xq">需求：<text v-for="item1 in item.demandList">{{
							item1
						}}</text></text>
									</view>
								</view>
							</scroll-view>
						</view> -->
						<view class="tcxq" v-if="(item.specialty != 'null' && item.specialty != '') ||
							(item.demand != 'null' && item.demand != '')">
							<view class="tc" v-if="item.specialty != 'null' && item.specialty != ''">
								特长：<text v-for="item1 in item.specialtyList">{{item1}}</text>
							</view>
							<view class="xq" v-if="item.demand != 'null' && item.demand != ''">
								需求：<text v-for="item1 in item.demandList">{{item1}}</text>
							</view>
						</view>
					</view>
				</view>
				<!-- 未关注公众号展示 -->
				<view class="noConcern">
					<image src="../../images/circle/qz_ewm.png" mode="aspectFill"></image>
				</view>
			</view>
			<!-- 微贴一级tab -->
			<view class="wtTab" v-if="index == 1">
				<view class="tab1">
					<text :class="index2 == ind ? 'active2' : ''" v-for="(item, ind) in ['最新', '精华', '活动' , '文档']" @tap="tabSwitch2(ind)">{{ item }}</text>
				</view>
			</view>
			<!-- 微贴 -->
			<view class="wt" v-if="index2 == 0 && index == 1">
				<view class="post" v-for="(item, index) in weitieList">
					<view class="post_top">
						<view class="top_left" @tap="toCard(item.createUid)">
							<view style="position: relative;width: 88rpx;height: 88rpx;margin-right: 20rpx;">
								<image :src="item.avatarUrl" mode="aspectFill"></image>
								<image v-if="item.verified != ''" style="width: 36rpx;height: 36rpx;margin-right: 0;" class="v" src="../../images/circle/v.png" mode="aspectFill"></image>
							</view>
							
							<view class="xinxi">
								<view class="name">{{ item.userName }}</view>
								<view class="from">
									<text class="company">{{ item.company }}</text>
									<text class="zhiwu">{{ item.post }}</text>
									<text class="dz">{{ item.area }}</text>
								</view>
							</view>
						</view>
						<view class="top_right">
							<image src="../../images/circle/sandian.png" mode="aspectFill" @tap="showYes(index, 1)"></image>
							<view class="three6" v-if="item.is_show">
								<view class="jiao"> </view>
								<view class="one1" v-if="item.isEssences == 0 && item.isAdmin == 1" @tap.stop="handleSerum(item.id, 1, 1)">
									设精华帖
								</view>
								<view class="one1" v-if="item.isEssences == 1 && item.isAdmin == 1" @tap.stop="handleSerum(item.id, 0, 1)">
									取消精华帖
								</view>
								<navigator :url="'/pages/post/report?id=' + item.id" class="one1" hover-class="none">
									举报
								</navigator>

								<navigator :url="'/pages/post/newEditor?id=' + item.id" class="one1" hover-class="none" v-if="item.isSelf == 1">
									编辑
								</navigator>

								<view class="one1" v-if="item.isSelf == 1 || item.isAdmin == 1" @tap="handleDelete(item.id, 1)">
									删除
								</view>
							</view>
						</view>
					</view>
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="post_center">
						<image class="jing" v-if="item.isEssences == 1" src="../../images/circle/jing.png" mode="aspectFill"></image>
						<image class="zhiding" v-if="item.isTop == 1" src="../../images/circle/zhiding.png" mode="aspectFill"></image>
						{{ content_filter(item.content) }}
						<!-- <text v-if="item.is_content">...</text
						><text v-if="item.is_content" class="quan">全文</text> -->
					</navigator>
					<!-- 图片显示 -->
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="imgs" v-if="item.imgCollection.length > 0 || item.act.id || item.goodsInfo.id">
						<!-- 多张照片 -->
						<!-- <video class="myVideo" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.fileUrl" :duration="item6.videoTime"
						 object-fit="cover" controls :poster="item6.firstUrl" v-if="item.imgCollection.length == 1 && item6.fileType == 3"></video>
						<video class="myVideo" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.fileUrl" :duration="item6.videoTime"
						 object-fit="cover" controls :poster="item6.firstUrl" v-if="
								item.imgCollection.length > 1 &&
								item6.fileType == 3 &&
								item.is_video &&
								!item.is_file
							"></video> -->
						<view class="shipin" v-for="(item6, index6) in item.imgCollection" :key="index6" v-if="item.imgCollection.length == 1 && item6.fileType == 3" :style="item.is_file || item.act.id || item.goodsInfo.id?{'margin-bottom':'20rpx'}:''">
							<image class="myVideo" mode="aspectFill" :src="item6.firstUrl"></image>
							<image class="bofang" src="../../images/circle/video.png" mode="aspectFill"></image>
						</view>
						<view class="shipin" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.firstUrl" v-if="item.imgCollection.length > 1 &&
								item6.fileType == 3 &&
								item.is_video
							" :style="item.is_file || item.act.id || item.goodsInfo.id?{'margin-bottom':'20rpx'}:''">
							<image class="myVideo" mode="aspectFill" :src="item6.firstUrl"></image>
							<image class="bofang" src="../../images/circle/video.png" mode="aspectFill"></image>
						</view>

						<image mode="aspectFill" class="image" :src="item6.fileUrl" v-for="(item6, index6) in returnImgs(item.imgCollection)" :style="item.is_file || item.act.id || item.goodsInfo.id?{'margin-bottom':'20rpx'}:''"
						 :key="index6" v-if="
								imgLengthReturn(item.imgCollection) > 1 &&
								item6.fileType == 1 &&
								!item.is_video
							"></image>
						<!-- 一张或者一个视频 -->
						<image class="myImage" mode="aspectFill" :style="item.is_file || item.act.id || item.goodsInfo.id?{'margin-bottom':'20rpx'}:''" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.fileUrl"
						 v-if="imgLengthReturn(item.imgCollection) == 1 && item6.fileType == 1 && !item.is_video"></image>
						 
						 <view class="text_file" v-for="(item6, index6) in fileReturn(item.imgCollection)" v-if="item6.fileType == 2 && item.is_file && !item.goodsInfo.id && !item.act.id">
						 	<image src="../../images/circle/file.png" mode="aspectFill"></image>
						 	<text>{{ item6.fileName }}</text>
						 </view>
						<!-- @tap="imgsDa(item.imgCollection, index6)" -->
						<!-- 活动卡片 -->
						<view class="act" v-if="item.act.id">
							<view class="act_left">
								<image :src="item.act.actPoster" mode="aspectFill"></image>
								<view class="text">
									<view class="title">{{item.act.topic}}</view>
									<view class="time">{{actReturn(item.act.actStartTime)}}</view>
								</view>
							</view>
							<view class="act_right">
								<view class="gang"></view>
								<view class="join">去参加</view>
							</view>
						</view>
						<!-- 商品卡片 -->
						<view class="shop" v-if="item.goodsInfo.id && !item.act.id">
							<view class="shop_left">
								<image :src="item.goodsInfo.goodsImg" mode="aspectFill"></image>
								<view class="text">
									<view class="title">{{item.goodsInfo.goodsName}}</view>
									<view class="jiage">
										<text class="xianjia">￥{{item.goodsInfo.presentPrice}}</text>
										<del v-if="item.goodsInfo.price != 0">￥{{item.goodsInfo.price}}</del>
									</view>
								</view>
							</view>
							<view class="shop_right">
								<view class="gang"></view>
								<view class="buy">去购买</view>
							</view>
						</view>
					</navigator>
					<view class="post_bottom">
						<view class="bottom_left">
							<!-- <image class="zanimg" :src="item1" mode="aspectFill" v-for="(item1, index1) in sliceImg(item.thumbsList)"
							 @tap.stop="toZan(item.id)" :style="{
									position: 'absolute',
									top: '',
									left: 26 * index1 + 'rpx',
									zIndex: 5,
								}"></image> -->
							<text class="t1" v-if="item.businessTypeStr">{{item.businessTypeStr}}</text>
							<text>{{item.createTimeStr}}</text>
						</view>
						<view class="bottom_right">
							<view class="zan">
								<image src="../../images/circle/dz.png" mode="aspectFill" v-if="item.isThumbs == 0" @tap="handleZan(item.id, 0, 6)"></image>
								<image src="../../images/circle/dzh.png" mode="aspectFill" v-if="item.isThumbs == 1" @tap="handleZan(item.id, 1, 6)"></image>
								<text :style="{'color':item.isThumbs == 1?'#DB361F':'#111111'}">{{item.thumbsCount == 0 ? "赞" : item.thumbsCount}}</text>
							</view>
							<view class="pinlun" @tap.stop="toPinlun(item.id)">
								<image src="../../images/circle/pl.png" mode="aspectFill"></image>
								<text>{{item.commentsCount == 0 ? "评论" : item.commentsCount}}</text>
							</view>
							<image class="fenxiang" src="../../images/circle/fx_share.png" mode="aspectFill" @tap="openShare(item)"></image>
						</view>
					</view>
				</view>
			</view>
			<!-- 无微贴 -->
			<view class="wu" v-if="index2 == 0 && weitieList.length == 0 && index == 1" style="color: #979797; font-size: 32rpx">
				这里空空如也～
			</view>
			
			<!-- 商机一级tab -->
			<view class="sjTab" v-if="index == 2">
				<view class="tab1">
					<text :class="index3 == ind ? 'active3' : ''" v-for="(item, ind) in ['商机', '商品']" @tap="tabSwitch3(ind)">{{ item }}</text>
				</view>
			</view>
			<!-- 商机 -->
			<view class="sj" v-if="index3 == 0 && shangjiList.length > 0 && index == 2">
				<view class="essence" v-for="(item, index) in shangjiList">
					<view class="essence_top">
						<view class="top_left" @tap="toCard(item.createUid)">
							<view style="position: relative;width: 88rpx;height: 88rpx;margin-right: 20rpx;">
								<image :src="item.avatarUrl" mode="aspectFill"></image>
								<image v-if="item.verified != ''" style="width: 36rpx;height: 36rpx;margin-right: 0;" class="v" src="../../images/circle/v.png" mode="aspectFill"></image>
							</view>
							
							<view class="xinxi">
								<view class="name">{{ item.userName }}</view>
								<view class="from">
									<text class="company">{{ item.company }}</text>
									<text class="zhiwu">{{ item.post }}</text>
									<text>{{ item.area }}</text>
								</view>
							</view>
						</view>
						<view class="top_right">
							<image src="../../images/circle/sandian.png" mode="aspectFill" @tap="showYes(index, 2)"></image>
							<view class="three6" v-if="item.is_show">
								<view class="jiao"> </view>
								<view class="one1" v-if="item.isEssences == 0 && item.isAdmin == 1" @tap.stop="handleSerum(item.id, 1, 2)">
									设精华帖
								</view>
								<view class="one1" v-if="item.isEssences == 1 && item.isAdmin == 1" @tap.stop="handleSerum(item.id, 0, 2)">
									取消精华帖
								</view>
								<navigator :url="'/pages/post/report?id=' + item.id" class="one1" hover-class="none">
									举报
								</navigator>

								<navigator :url="'/pages/post/newEditor?id=' + item.id" class="one1" hover-class="none" v-if="item.isSelf == 1">
									编辑
								</navigator>

								<view class="one1" v-if="item.isSelf == 1 || item.isAdmin == 1" @tap="handleDelete(item.id, 2)">
									删除
								</view>
							</view>
						</view>
					</view>
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="essence_center">
						<image class="jing" v-if="item.isEssences == 1" src="../../images/circle/jing.png" mode="aspectFill"></image>
						<image class="zhiding" v-if="item.isTop == 1" src="../../images/circle/zhiding.png" mode="aspectFill"></image>
						<!-- <text class="zhiding" v-if="item.isTop == 1">置顶</text>
						<text class="jing" v-if="item.isEssences == 1">精</text> -->
						{{ content_filter(item.content) }}
						<!-- <text v-if="item.is_content">...</text
			><text v-if="item.is_content" class="quan">全文</text> -->
					</navigator>
					<!-- 图片显示 -->
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="imgs" v-if="item.imgCollection.length > 0">
						<!-- 多张照片 -->
						<view class="shipin" v-for="(item6, index6) in item.imgCollection" :key="index6" v-if="item.imgCollection.length == 1 && item6.fileType == 3">
							<image class="myVideo" mode="aspectFill" :src="item6.firstUrl"></image>
							<image class="bofang" src="../../images/circle/video.png" mode="aspectFill"></image>
						</view>
						<view class="shipin" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.firstUrl" v-if="item.imgCollection.length > 1 &&
								item6.fileType == 3 &&
								item.is_video
							">
							<image class="myVideo" mode="aspectFill" :src="item6.firstUrl"></image>
							<image class="bofang" src="../../images/circle/video.png" mode="aspectFill"></image>
						</view>
						<image class="image" :src="item6.fileUrl" mode="aspectFill" v-for="(item6, index6) in returnImgs(item.imgCollection)"" :key="
						 index6" v-if="
					imgLengthReturn(item.imgCollection) > 1 &&
					item6.fileType == 1 &&
					!item.is_video
				"></image>
						<!-- @tap="imgsDa(item.imgCollection, index6)" -->
						<!-- <view class="text_file" v-for="(item6, index6) in fileReturn(item.imgCollection)" v-if="item6.fileType == 2 && item.is_file"
						>
							<image style="margin-top: 0;" src="../../images/circle/file.png" mode="aspectFill"></image>
							<text>{{ item6.fileName }}</text>
						</view> -->
						<!-- 一张或者一个视频 -->
						<image class="myImage" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.fileUrl" mode="aspectFill"
						 v-if="imgLengthReturn(item.imgCollection) == 1 && item6.fileType == 1 &&
					!item.is_video"></image>
						<!-- @tap="imgsDa(item.imgCollection, index6)" -->
					</navigator>
					<view class="essence_bottom">
						<view class="bottom_left">
							<!-- <view class="imgs"> -->
							<!-- <image class="zanimg" :src="item1" mode="aspectFill" v-for="(item1, index) in sliceImg(item.thumbsList)"
							 @tap.stop="toZan(item.id)" :style="{
						position: 'absolute',
						top: '',
						left: 26 * index + 'rpx',
						zIndex: 5,
					}"></image> -->
							<!-- </view> -->
							<text class="t1" v-if="item.businessTypeStr">{{item.businessTypeStr}}</text>
							<text>{{item.createTimeStr}}</text>
						</view>
						<view class="bottom_right">
							<view class="zan">
								<image src="../../images/circle/dz.png" mode="aspectFill" v-if="item.isThumbs == 0" @tap="handleZan(item.id, 0, 6)"></image>
								<image src="../../images/circle/dzh.png" mode="aspectFill" v-if="item.isThumbs == 1" @tap="handleZan(item.id, 1, 6)"></image>
								<text :style="{'color':item.isThumbs == 1?'#DB361F':'#111111'}">{{
								item.thumbsCount == 0 ? "赞" : item.thumbsCount
							}}</text>
							</view>
							<view class="pinlun" @tap.stop="toPinlun(item.id)">
								<image src="../../images/circle/pl.png" mode="aspectFill"></image>
								<text>{{
						item.commentsCount == 0 ? "评论" : item.commentsCount
					}}</text>
							</view>
							<image class="fenxiang" src="../../images/circle/fx_share.png" mode="aspectFill" @tap="openShare(item)"></image>
						</view>
					</view>
				</view>
			</view>
			<!-- 无商机 -->
			<view class="wu" v-if="index3 == 0 && shangjiList.length < 1 && index == 2" style="color: #979797; font-size: 32rpx">
				这里空空如也～
			</view>
			<!-- 精华 -->
			<view class="jh" v-if="index2 == 1 && index == 1">
				<view class="post" v-for="(item, index) in jinghuaList">
					<view class="post_top">
						<view class="top_left" @tap="toCard(item.createUid)">
							<view style="position: relative;width: 88rpx;height: 88rpx;margin-right: 20rpx;">
								<image :src="item.avatarUrl" mode="aspectFill"></image>
								<image v-if="item.verified != ''" style="width: 36rpx;height: 36rpx;margin-right: 0;" class="v" src="../../images/circle/v.png" mode="aspectFill"></image>
							</view>
							
							<view class="xinxi">
								<view class="name">{{ item.userName }}</view>
								<view class="from">
									<text class="company">{{ item.company }}</text>
									<text class="zhiwu">{{ item.post }}</text>
									<text>{{ item.area }}</text>
								</view>
							</view>
						</view>
						<view class="top_right">
							<image src="../../images/circle/sandian.png" mode="aspectFill" @tap="showYes(index, 1)"></image>
							<view class="three6" v-if="item.is_show">
								<view class="jiao"> </view>
								<view class="one1" v-if="item.isEssences == 0 && item.isAdmin == 1" @tap.stop="handleSerum(item.id, 1, 1)">
									设精华帖
								</view>
								<view class="one1" v-if="item.isEssences == 1 && item.isAdmin == 1" @tap.stop="handleSerum(item.id, 0, 1)">
									取消精华帖
								</view>
								<view class="one1" v-if="item.isTop == 0 && item.isAdmin == 1" @tap.stop="zhidin(1,item.id)">
									置顶
								</view>
								<view class="one1" v-if="item.isTop == 1 && item.isAdmin == 1" @tap.stop="zhidin(0,item.id)">
									取消置顶
								</view>
								<navigator :url="'/pages/post/report?id=' + item.id" class="one1" hover-class="none">
									举报
								</navigator>
			
								<navigator :url="'/pages/post/newEditor?id=' + item.id" class="one1" hover-class="none" v-if="item.isSelf == 1">
									编辑
								</navigator>
			
								<view class="one1" v-if="item.isSelf == 1 || item.isAdmin == 1" @tap="handleDelete(item.id, 1)">
									删除
								</view>
							</view>
						</view>
					</view>
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="post_center">
						<image class="jing" v-if="item.isEssences == 1" src="../../images/circle/jing.png" mode="aspectFill"></image>
						<image class="zhiding" v-if="item.isTop == 1" src="../../images/circle/zhiding.png" mode="aspectFill"></image>
						{{ content_filter(item.content) }}
						<!-- <text v-if="item.is_content">...</text
						><text v-if="item.is_content" class="quan">全文</text> -->
					</navigator>
					<!-- 图片显示 -->
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="imgs" v-if="item.imgCollection.length > 0 || item.act.id || item.goodsInfo.id">
						<view class="shipin" v-for="(item6, index6) in item.imgCollection" :key="index6" v-if="item.imgCollection.length == 1 && item6.fileType == 3" :style="item.is_file?{'margin-bottom':'20rpx'}:''">
							<image class="myVideo" mode="aspectFill" :src="item6.firstUrl"></image>
							<image class="bofang" src="../../images/circle/video.png" mode="aspectFill"></image>
						</view>
						<view class="shipin" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.firstUrl" v-if="item.imgCollection.length > 1 &&
								item6.fileType == 3 &&
								item.is_video
							" :style="item.is_file?{'margin-bottom':'20rpx'}:''">
							<image class="myVideo" mode="aspectFill" :src="item6.firstUrl"></image>
							<image class="bofang" src="../../images/circle/video.png" mode="aspectFill"></image>
						</view>
			
						<image mode="aspectFill" class="image" :src="item6.fileUrl" v-for="(item6, index6) in returnImgs(item.imgCollection)"
						 :key="index6" v-if="
								imgLengthReturn(item.imgCollection) > 1 &&
								item6.fileType == 1 &&
								!item.is_video
							"></image>
			
						<!-- @tap="imgsDa(item.imgCollection, index6)"></image> -->
						
						<!-- 一张或者一个视频 -->
						<image class="myImage" mode="aspectFill" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.fileUrl" :style="item.is_file?{'margin-bottom':'20rpx'}:''"
						 v-if="imgLengthReturn(item.imgCollection) == 1 && item6.fileType == 1 && !item.is_video"></image>
						 <view class="text_file" v-for="(item6, index6) in fileReturn(item.imgCollection)" v-if="item6.fileType == 2 && item.is_file && !item.goodsInfo.id && !item.act.id">
						 	<image src="../../images/circle/file.png" mode="aspectFill"></image>
						 	<text>{{ item6.fileName }}</text>
						 </view>
						<!-- @tap="imgsDa(item.imgCollection, index6)" -->
						<!-- 活动卡片 -->
						<view class="act" v-if="item.act.id">
							<view class="act_left">
								<image :src="item.act.actPoster" mode="aspectFill"></image>
								<view class="text">
									<view class="title">{{item.act.topic}}</view>
									<view class="time">{{actReturn(item.act.actStartTime)}}</view>
								</view>
							</view>
							<view class="act_right">
								<view class="gang"></view>
								<view class="join">去参加</view>
							</view>
						</view>
						<!-- 商品卡片 -->
						<view class="shop" v-if="item.goodsInfo.id && !item.act.id">
							<view class="shop_left">
								<image :src="item.goodsInfo.goodsImg" mode="aspectFill"></image>
								<view class="text">
									<view class="title">{{item.goodsInfo.goodsName}}</view>
									<view class="jiage">
										<text class="xianjia">￥{{item.goodsInfo.presentPrice}}</text>
										<del v-if="item.goodsInfo.price != 0">￥{{item.goodsInfo.price}}</del>
									</view>
								</view>
							</view>
							<view class="shop_right">
								<view class="gang"></view>
								<view class="buy">去购买</view>
							</view>
						</view>
					</navigator>
					<view class="post_bottom">
						<view class="bottom_left">
							<text class="t1" v-if="item.businessTypeStr">{{item.businessTypeStr}}</text>
							<text>{{item.createTimeStr}}</text>
						</view>
						<view class="bottom_right">
							<view class="zan">
								<image src="../../images/circle/dz.png" mode="aspectFill" v-if="item.isThumbs == 0" @tap="handleZan(item.id, 0, 6)"></image>
								<image src="../../images/circle/dzh.png" mode="aspectFill" v-if="item.isThumbs == 1" @tap="handleZan(item.id, 1, 6)"></image>
								<text :style="{'color':item.isThumbs == 1?'#DB361F':'#111111'}">{{item.thumbsCount == 0 ? "赞" : item.thumbsCount}}</text>
							</view>
							<view class="pinlun" @tap.stop="toPinlun(item.id)">
								<image src="../../images/circle/pl.png" mode="aspectFill"></image>
								<text>{{item.commentsCount == 0 ? "评论" : item.commentsCount}}</text>
							</view>
							<image class="fenxiang" src="../../images/circle/fx_share.png" mode="aspectFill" @tap="openShare(item)"></image>
						</view>
					</view>
				</view>
			</view>
			<view class="wu" v-if="index2 == 1 && jinghuaList.length < 1 && index == 1" style="color: #979797; font-size: 32rpx">
				这里空空如也～
			</view>

			<!-- 文档 -->
			<view class="wd" v-if="index2 == 3 && wendangList.length > 0 && index == 1">
				<view class="document" v-for="(item, index1) in wendangList">
					<view class="document_top">
						<view class="top_left" @tap="toCard(item.createUid)">
							<view style="position: relative;width: 88rpx;height: 88rpx;margin-right: 20rpx;">
								<image :src="item.avatarUrl" mode="aspectFill"></image>
								<image v-if="item.verified != ''" style="width: 36rpx;height: 36rpx;margin-right: 0;" class="v" src="../../images/circle/v.png" mode="aspectFill"></image>
							</view>
							
							<view class="xinxi">
								<view class="name">{{ item.userName }}</view>
								<view class="from">
									<text class="company">{{ item.company }}</text>
									<text class="zhiwu">{{ item.post }}</text>
									<text>{{ item.area }}</text>
								</view>
							</view>
						</view>
						<view class="top_right">
							<image src="../../images/circle/sandian.png" mode="aspectFill" @tap="showYes(index1, 1)"></image>
							<view class="three6" v-if="item.is_show">
								<view class="jiao"> </view>
								<view class="one1" v-if="item.isEssences == 0 && item.isAdmin == 1" @tap.stop="handleSerum(item.id, 1, 1)">
									设精华帖
								</view>
								<view class="one1" v-if="item.isEssences == 1 && item.isAdmin == 1" @tap.stop="handleSerum(item.id, 0, 1)">
									取消精华帖
								</view>
								<navigator :url="'/pages/post/report?id=' + item.id" class="one1" hover-class="none">
									举报
								</navigator>

								<navigator :url="'/pages/post/newEditor?id=' + item.id" class="one1" hover-class="none" v-if="item.isSelf == 1">
									编辑
								</navigator>

								<view class="one1" v-if="item.isSelf == 1 || item.isAdmin == 1" @tap="handleDelete(item.id, 1)">
									删除
								</view>
							</view>
						</view>
					</view>
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="document_center">
						<image class="jing" v-if="item.isEssences == 1" src="../../images/circle/jing.png" mode="aspectFill"></image>
						<image class="zhiding" v-if="item.isTop == 1" src="../../images/circle/zhiding.png" mode="aspectFill"></image>
						{{ content_filter(item.content) }}
					</navigator>
					<!-- 图片显示 -->
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="imgs" v-if="imgLengthReturn(item.imgCollection) > 0 || videoLengthReturn(item.imgCollection) > 0">
						<view class="shipin" v-for="(item6, index6) in item.imgCollection" :key="index6" v-if="item.imgCollection.length == 1 && item6.fileType == 3" :style="item.is_file?{'margin-bottom':'20rpx'}:''">
							<image class="myVideo" mode="aspectFill" :src="item6.firstUrl"></image>
							<image class="bofang" src="../../images/circle/video.png" mode="aspectFill"></image>
						</view>
						<view class="shipin" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.firstUrl" v-if="item.imgCollection.length > 1 &&
								item6.fileType == 3 &&
								item.is_video
							" :style="item.is_file?{'margin-bottom':'20rpx'}:''">
							<image class="myVideo" mode="aspectFill" :src="item6.firstUrl"></image>
							<image class="bofang" src="../../images/circle/video.png" mode="aspectFill"></image>
						</view>
								
						<image mode="aspectFill" class="image" :src="item6.fileUrl" v-for="(item6, index6) in returnImgs(item.imgCollection)"
						 :key="index6" v-if="
								imgLengthReturn(item.imgCollection) > 1 &&
								item6.fileType == 1 &&
								!item.is_video
							"></image>
								
						<!-- @tap="imgsDa(item.imgCollection, index6)"></image> -->
						
						<!-- 一张或者一个视频 -->
						<image class="myImage" mode="aspectFill" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.fileUrl" :style="item.is_file?{'margin-bottom':'20rpx'}:''"
						 v-if="imgLengthReturn(item.imgCollection) == 1 && item6.fileType == 1 && !item.is_video"></image>
					</navigator>
					<!-- 文档 -->
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="text_file" v-if="item6.fileType == 2"
					 v-for="(item6, index6) in fileReturn(item.imgCollection)">
						<image src="../../images/circle/file.png" mode="aspectFill"></image>
						<text>{{ item6.fileName }}</text>
					</navigator>
					<view class="document_bottom">
						<view class="bottom_left">
							<!-- <image class="zanimg" :src="item1" mode="aspectFill" v-for="(item1, index2) in sliceImg(item.thumbsList)"
							 @tap.stop="toZan(item.id)" :style="{
									position: 'absolute',
									top: '',
									left: 26 * index2 + 'rpx',
									zIndex: 5,
								}"></image> -->
							<text class="t1" v-if="item.businessTypeStr">{{item.businessTypeStr}}</text>
							<text>{{item.createTimeStr}}</text>
						</view>
						<view class="bottom_right">
							<view class="zan">
								<image src="../../images/circle/dz.png" mode="aspectFill" v-if="item.isThumbs == 0" @tap="handleZan(item.id, 0, 6)"></image>
								<image src="../../images/circle/dzh.png" mode="aspectFill" v-if="item.isThumbs == 1" @tap="handleZan(item.id, 1, 6)"></image>
								<text :style="{'color':item.isThumbs == 1?'#DB361F':'#111111'}">{{
								item.thumbsCount == 0 ? "赞" : item.thumbsCount
							}}</text>
							</view>
							<view class="pinlun" @tap.stop="toPinlun(item.id)">
								<image src="../../images/circle/pl.png" mode="aspectFill"></image>
								<text>{{
									item.commentsCount == 0 ? "评论" : item.commentsCount
								}}</text>
							</view>
							<image class="fenxiang" src="../../images/circle/fx_share.png" mode="aspectFill" @tap="openShare(item)"></image>
						</view>
					</view>
				</view>
			</view>
			<!-- 无文档 -->
			<view class="wu" v-if="index2 == 3 && wendangList.length < 1 && index == 1" style="color: #979797; font-size: 32rpx">
				这里空空如也～
			</view>

			<!-- 无商品 -->
			<view class="wu" v-if="index3 == 1 && shangpinList.length == 0 && index == 2" style="color: #979797; font-size: 32rpx">
				这里空空如也～
			</view>
			<!-- 商品 -->
			<view class="sp" v-if="index3 == 1 && index == 2">
				<view class="post" v-for="(item, index) in shangpinList">
					<view class="post_top">
						<view class="top_left" @tap="toCard(item.createUid)">
							<view style="position: relative;width: 88rpx;height: 88rpx;margin-right: 20rpx;">
								<image :src="item.avatarUrl" mode="aspectFill"></image>
								<image v-if="item.verified != ''" style="width: 36rpx;height: 36rpx;margin-right: 0;" class="v" src="../../images/circle/v.png" mode="aspectFill"></image>
							</view>
							<view class="xinxi">
								<view class="name">{{ item.userName }}</view>
								<view class="from">
									<text class="company">{{ item.company }}</text>
									<text class="zhiwu">{{ item.post }}</text>
									<text>{{ item.area }}</text>
								</view>
							</view>
						</view>
						<view class="top_right">
							<image src="../../images/circle/sandian.png" mode="aspectFill" @tap="showYes(index, 2)"></image>
							<view class="three6" v-if="item.is_show">
								<view class="jiao"> </view>
								<view class="one1" v-if="item.isEssences == 0 && item.isAdmin == 1" @tap.stop="handleSerum(item.id, 1, 2)">
									设精华帖
								</view>
								<view class="one1" v-if="item.isEssences == 1 && item.isAdmin == 1" @tap.stop="handleSerum(item.id, 0, 2)">
									取消精华帖
								</view>
								<navigator :url="'/pages/post/report?id=' + item.id" class="one1" hover-class="none">
									举报
								</navigator>

								<navigator :url="'/pages/post/newEditor?id=' + item.id" class="one1" hover-class="none" v-if="item.isSelf == 1">
									编辑
								</navigator>

								<view class="one1" v-if="item.isSelf == 1 || item.isAdmin == 1" @tap="handleDelete(item.id, 2)">
									删除
								</view>
							</view>
						</view>
					</view>
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="post_center">
						<image class="jing" v-if="item.isEssences == 1" src="../../images/circle/jing.png" mode="aspectFill"></image>
						<image class="zhiding" v-if="item.isTop == 1" src="../../images/circle/zhiding.png" mode="aspectFill"></image>
						{{ content_filter(item.content) }}
					</navigator>
					<!-- 图片显示 -->
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="imgs" v-if="item.imgCollection.length > 0">
						<view class="shipin" v-for="(item6, index6) in item.imgCollection" :key="index6" v-if="item.imgCollection.length == 1 && item6.fileType == 3">
							<image class="myVideo" mode="aspectFill" :src="item6.firstUrl"></image>
							<image class="bofang" src="../../images/circle/video.png" mode="aspectFill"></image>
						</view>
						<view class="shipin" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.firstUrl" v-if="item.imgCollection.length > 1 &&
								item6.fileType == 3 &&
								item.is_video
							">
							<image class="myVideo" mode="aspectFill" :src="item6.firstUrl"></image>
							<image class="bofang" src="../../images/circle/video.png" mode="aspectFill"></image>
						</view>

						<image mode="aspectFill" class="image" :src="item6.fileUrl" v-for="(item6, index6) in returnImgs(item.imgCollection)"
						 :key="index6" v-if="
								imgLengthReturn(item.imgCollection) > 1 &&
								item6.fileType == 1 &&
								!item.is_video
							"></image>

						<!-- @tap="imgsDa(item.imgCollection, index6)"></image> -->
						<!-- <view class="text_file" v-for="(item6, index6) in fileReturn(item.imgCollection)" v-if="item6.fileType == 2 && item.is_file"
						>
							<image src="../../images/circle/file.png" mode="aspectFill"></image>
							<text>{{ item6.fileName }}</text>
						</view> -->
						<!-- 一张或者一个视频 -->
						<image class="myImage" mode="aspectFill" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.fileUrl"
						 v-if="imgLengthReturn(item.imgCollection) == 1 && item6.fileType == 1 &&
								!item.is_video"></image>
						<!-- @tap="imgsDa(item.imgCollection, index6)" -->
					</navigator>
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" class="shop">
						<view class="shop_left">
							<image :src="item.goodsInfo.goodsImg" mode="aspectFill"></image>
							<view class="text">
								<view class="title">{{item.goodsInfo.goodsName}}</view>
								<view class="jiage">
									<text class="xianjia">￥{{item.goodsInfo.presentPrice}}</text>
									<del v-if="item.goodsInfo.price != 0">￥{{item.goodsInfo.price}}</del>
								</view>
							</view>
						</view>
						<view class="shop_right">
							<view class="gang"></view>
							<view class="buy">去购买</view>
						</view>
					</navigator>
					<view class="post_bottom">
						<view class="bottom_left">
							<text class="t1" v-if="item.businessTypeStr">{{item.businessTypeStr}}</text>
							<text>{{item.createTimeStr}}</text>
						</view>
						<view class="bottom_right">
							<view class="zan">
								<image src="../../images/circle/dz.png" mode="aspectFill" v-if="item.isThumbs == 0" @tap="handleZan(item.id, 0, 6)"></image>
								<image src="../../images/circle/dzh.png" mode="aspectFill" v-if="item.isThumbs == 1" @tap="handleZan(item.id, 1, 6)"></image>
								<text :style="{'color':item.isThumbs == 1?'#DB361F':'#111111'}">{{item.thumbsCount == 0 ? "赞" : item.thumbsCount}}</text>
							</view>
							<view class="pinlun" @tap.stop="toPinlun(item.id)">
								<image src="../../images/circle/pl.png" mode="aspectFill"></image>
								<text>{{item.commentsCount == 0 ? "评论" : item.commentsCount}}</text>
							</view>
							<image class="fenxiang" src="../../images/circle/fx_share.png" mode="aspectFill" @tap="openShare(item)"></image>
						</view>
					</view>
				</view>
			</view>

			<!-- 无活动 -->
			<view class="wu" v-if="index2 == 2 && huodongList.length == 0 && index == 1" style="color: #979797; font-size: 32rpx">
				这里空空如也～
			</view>
			<!-- 活动 -->
			<view class="hd" v-if="index2 == 2 && index == 1">
				<view class="post" v-for="(item, index) in huodongList">
					<view class="post_top">
						<view class="top_left" @tap="toCard(item.createUid)">
							<view style="position: relative;width: 88rpx;height: 88rpx;margin-right: 20rpx;">
								<image :src="item.avatarUrl" mode="aspectFill"></image>
								<image v-if="item.verified != ''" style="width: 36rpx;height: 36rpx;margin-right: 0;" class="v" src="../../images/circle/v.png" mode="aspectFill"></image>
							</view>
							<view class="xinxi">
								<view class="name">{{ item.userName }}</view>
								<view class="from">
									<text class="company">{{ item.company }}</text>
									<text class="zhiwu">{{ item.post }}</text>
									<text>{{ item.area }}</text>
								</view>
							</view>
						</view>
						<view class="top_right">
							<image src="../../images/circle/sandian.png" mode="aspectFill" @tap="showYes(index, 1)"></image>
							<view class="three6" v-if="item.is_show">
								<view class="jiao"> </view>
								<view class="one1" v-if="item.isEssences == 0 && item.isAdmin == 1" @tap.stop="handleSerum(item.id, 1, 1)">
									设精华帖
								</view>
								<view class="one1" v-if="item.isEssences == 1 && item.isAdmin == 1" @tap.stop="handleSerum(item.id, 0, 1)">
									取消精华帖
								</view>
								<navigator :url="'/pages/post/report?id=' + item.id" class="one1" hover-class="none">
									举报
								</navigator>

								<navigator :url="'/pages/post/newEditor?id=' + item.id" class="one1" hover-class="none" v-if="item.isSelf == 1">
									编辑
								</navigator>

								<view class="one1" v-if="item.isSelf == 1 || item.isAdmin == 1" @tap="handleDelete(item.id, 1)">
									删除
								</view>
							</view>
						</view>
					</view>
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="post_center">
						<image class="jing" v-if="item.isEssences == 1" src="../../images/circle/jing.png" mode="aspectFill"></image>
						<image class="zhiding" v-if="item.isTop == 1" src="../../images/circle/zhiding.png" mode="aspectFill"></image>
						{{ content_filter(item.content) }}
					</navigator>
					<!-- 图片显示 -->
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="imgs" v-if="imgLengthReturn(item.imgCollection) > 0 || videoLengthReturn(item.imgCollection) > 0">

						<view class="shipin" v-for="(item6, index6) in item.imgCollection" :key="index6" v-if="item.imgCollection.length == 1 && item6.fileType == 3">
							<image class="myVideo" mode="aspectFill" :src="item6.firstUrl"></image>
							<image class="bofang" src="../../images/circle/video.png" mode="aspectFill"></image>
						</view>
						<view class="shipin" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.firstUrl" v-if="item.imgCollection.length > 1 &&
								item6.fileType == 3 &&
								item.is_video
							">
							<image class="myVideo" mode="aspectFill" :src="item6.firstUrl"></image>
							<image class="bofang" src="../../images/circle/video.png" mode="aspectFill"></image>
						</view>

						<image mode="aspectFill" class="image" :src="item6.fileUrl" v-for="(item6, index6) in returnImgs(item.imgCollection)"
						 :key="index6" v-if="
								imgLengthReturn(item.imgCollection) > 1 &&
								item6.fileType == 1 &&
								!item.is_video
							"></image>

						<!-- @tap="imgsDa(item.imgCollection, index6)"></image> -->
						<!-- <view class="text_file" v-for="(item6, index6) in fileReturn(item.imgCollection)" v-if="item6.fileType == 2 && item.is_file"
						>
							<image src="../../images/circle/file.png" mode="aspectFill"></image>
							<text>{{ item6.fileName }}</text>
						</view> -->
						<!-- 一张或者一个视频 -->
						<image class="myImage" mode="aspectFill" v-for="(item6, index6) in item.imgCollection" :key="index6" :src="item6.fileUrl"
						 v-if="imgLengthReturn(item.imgCollection) == 1 && item6.fileType == 1 &&
								!item.is_video"></image>
						<!-- @tap="imgsDa(item.imgCollection, index6)" -->
					</navigator>
					<navigator :url="'/pages/index/trickDetail?id=' + item.id" class="act">
						<view class="act_left">
							<image :src="item.act.actPoster" mode="aspectFill"></image>
							<view class="text">
								<view class="title">{{item.act.topic}}</view>
								<view class="time">{{actReturn(item.act.actStartTime)}}</view>
							</view>
						</view>
						<view class="act_right">
							<view class="gang"></view>
							<view class="join">去参加</view>
						</view>
					</navigator>
					<view class="post_bottom">
						<view class="bottom_left">
							<!-- <image class="zanimg" :src="item1" mode="aspectFill" v-for="(item1, index1) in sliceImg(item.thumbsList)"
							 @tap.stop="toZan(item.id)" :style="{
									position: 'absolute',
									top: '',
									left: 26 * index1 + 'rpx',
									zIndex: 5,
								}"></image> -->
							<text class="t1" v-if="item.businessTypeStr">{{item.businessTypeStr}}</text>
							<text>{{item.createTimeStr}}</text>
						</view>
						<view class="bottom_right">
							<view class="zan">
								<image src="../../images/circle/dz.png" mode="aspectFill" v-if="item.isThumbs == 0" @tap="handleZan(item.id, 0, 6)"></image>
								<image src="../../images/circle/dzh.png" mode="aspectFill" v-if="item.isThumbs == 1" @tap="handleZan(item.id, 1, 6)"></image>
								<text :style="{'color':item.isThumbs == 1?'#DB361F':'#111111'}">{{item.thumbsCount == 0 ? "赞" : item.thumbsCount}}</text>
							</view>
							<view class="pinlun" @tap.stop="toPinlun(item.id)">
								<image src="../../images/circle/pl.png" mode="aspectFill"></image>
								<text>{{item.commentsCount == 0 ? "评论" : item.commentsCount}}</text>
							</view>
							<image class="fenxiang" src="../../images/circle/fx_share.png" mode="aspectFill" @tap="openShare(item)"></image>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 遮罩 -->
		<view class="zhezhao" v-if="is_show" @tap.stop="closeShow" @touchstart.stop.prevent="closeShow"></view>
		<view class="zhezhao" v-if="zhezhao" @tap.self="closeZhezhao()">
			<!-- 成功加入圈子提示 -->
			<view class="center" v-if="type == 3 && !jieshao && qzDataList.isOrg != 1">
				<image class="gou" src="../../images/circle/gou.png" mode="aspectFill"></image>
				<view class="ok"> 加入成功 </view>
				<view class="text">长按二维码关注收藏，接收圈<br />子动态，活动推荐</view>
				<image class="ewm" src="../../images/circle/yqlw_ewm.jpg" mode="aspectFill"></image>
				<view class="guanzhu"> 长按二维码关注 </view>
				<image class="close" src="../../images/circle/close.png" mode="aspectFill" @tap.stop="closeZhezhao()"></image>
			</view>

			<!-- 成功创建圈子提示 -->
			<view :class="[type == 1 ? 'createQz' : 'createQz1']" v-if="!qzDataList.circlePromotion && qzDataList.isOrg == 1 && !jieshao && !if_shiming">
				<image class="gou" src="../../images/circle/gou.png" mode="aspectFill" v-if="type == 1"></image>
				<view class="ok" v-if="type == 1"> 创建成功 </view>
				<view class="text" v-if="type == 1">请优化圈子资料<br />让用户快速了解圈子，提高加入的转化率</view>
				<view class="text1" v-else><text>请优化圈子资料</text><br />让用户快速了解圈子，提高加入的转化率</view>
				<view class="bianji" @tap="toBianji()"> 去编辑 </view>
				<view class="close" @tap.stop="closeZhezhao()">忽略</view>
			</view>
			<view class="jiantou" v-if="qzDataList.orgIntroduce && jieshao">
				<view class="t1">{{ qzDataList.orgName }}</view>
				<view class="t2">{{ qzDataList.orgIntroduce }}</view>
				<view class="but" @tap.stop="closeZhezhao()">确定</view>
				<image class="close" src="../../images/circle/close.png" mode="aspectFill" @tap.stop="closeZhezhao()"></image>
			</view>
			<view class="jiantou" v-if="!qzDataList.orgIntroduce && jieshao">
				<view class="t1">{{ qzDataList.orgName }}</view>
				<view class="t2">欢迎加入实名商脉圈子，抢先知晓商界精英智慧，大量结交商界精英人脉</view>
				<view class="but" @tap.stop="closeZhezhao()">确定</view>
				<image class="close" src="../../images/circle/close.png" mode="aspectFill" @tap.stop="closeZhezhao()"></image>
			</view>
		</view>
		<view class="bot">
			<view class="tie" @tap="fatie()">
				<image src="../../images/circle/tiezi.png" mode="aspectFill"></image>
				<view class="">发布</view>
			</view>
			<navigator :url="
					'/pages/circle/promotionPoster?id=' +
					id
				" hover-class="none" class="posters">
				<!-- 常规icon -->
				<image src="../../images/circle/haibao.png" mode="aspectFill"></image>
				<!-- 分佣金icon -->
				<!-- <image src="../../images/circle/fenyong.png" mode="aspectFill"></image> -->
				<view class="">分享</view>
			</navigator>
		</view>
		<!-- 分享提示弹窗 -->
		<view class="fenxiang_" v-if="isLinkShare" @tap="closeLinkShare">
			<view class="content_">
				<view class="left_">
					<view class="one_"> 请点击右上角按钮“···” </view>
					<view class="two_"> 发送给好友，分享到朋友圈 </view>
				</view>
				<view class="right_">
					<image src="../../images/aliang/fenxiang.png" mode="aspectFill"></image>
				</view>
			</view>
		</view>

		<!-- 无手机号弹窗遮罩 -->
		<view class="wuPhone" v-if="wuPhone" @tap.self="closeWuPhone()">
			<view class="center">
				<image src="../../images/aliang/cha.png" mode="aspectFill" @tap.stop="closeWuPhone()"></image>
				<view class="text">对方设置了联系方式隐藏，您可<br />以通过该用户的名片查看更多的
					<br />联系方式。</view>
				<view class="but" @tap.stop="closeWuPhone()"> 知道了 </view>
			</view>
		</view>
		
		<!-- 未实名认证 -->
		<view class="shiming" v-if="if_shiming && qzDataList.isOrg == 1 && qzDataList.chargeAmount > 0" @tap.self="closeshiming()">
			<view class="center">
				<image src="../../images/aliang/cha.png" mode="aspectFill" @tap.stop="closeshiming()"></image>
				<view class="text">根据规定，付费圈子需先在<br/>一起来往APP完成实名认证</view>
				<view class="toapp_" v-if="openApp.iswx == 'wx' && openApp.phone == 'Android'">
					去认证
					<view style="width: 100%;height: 80rpx;position: absolute;top: 0;left: 0;">
						<wx-open-launch-app id="launch-btn" appid="wx8737e94836340f56" @error="closeshiming()" @launch="openApp.handleLaunchFn" :extinfo="activeExtinfoid">
										<script type="text/wxtag-template">
											<style>
												.rz{
													display: block;
													width: 283px;
													height: 40px;
												}
						                    </style>
											<view class="rz"></view>
										</script>
						</wx-open-launch-app>
					</view>
				</view>
				<view class="but" v-if="openApp.phone == 'ios'" @tap="handleBtn()">
					去认证
				</view>
				<!-- <view class="but">去认证</view> -->
			</view>
		</view>

		<!-- 分享提示弹窗 -->
		<view class="fenxiang_" v-if="isShare" @tap="closeShare">
			<view class="footer_content">
				<view class="item_" @tap="linkShare">
					<image src="../../images/aliang/weixin_q.png" mode="widthFix"></image>
					<text>朋友圈</text>
				</view>
				<view class="item_ item_imgShare" @tap="photoShare()">
					<image src="../../images/aliang/shareTu.png" mode="widthFix"></image>
					<text>图片分享</text>
				</view>
				<view class="item_" @tap="linkShare">
					<image src="../../images/aliang/weixin_.png" mode="widthFix"></image>
					<text>微信好友</text>
				</view>
			</view>
		</view>

		<!-- 弹层海报 -->
		<view class="haibaozhezhao" v-show="show_haibao" :style="{ overflow: base64 ? 'auto' : 'hidden' }">
			<view class="popup">
				<view id="poster" class="haibao">
					<view v-if="!base64" style="background: #0f6ede;padding: 0 22rpx 42rpx 22rpx;box-sizing: border-box;">
						<view class="haibao_header">
							<img :src="tieziData.orgUrl" />
							<text>{{tieziData.orgName}}</text>
						</view>
						<view class="type">
							<img src="../../images/circle/hd.png" v-show="activity" />
							<img src="../../images/circle/sp.png" v-show="goods && !activity" />
							<img src="../../images/circle/sj.png" v-show="tieziData.businessTypeStr && !goods && !activity" />
							<img src="../../images/circle/wj.png" v-show="filehaibaoReturn(tieziData) && !tieziData.businessTypeStr && !goods && !activity" />
							<img src="../../images/circle/wt.png" v-show="!filehaibaoReturn(tieziData) && !tieziData.businessTypeStr && !goods && !activity" />
						</view>
						<view class="content">
							<view class="content_top">
								<view style="position: relative;width: 88rpx;height: 88rpx;margin-right: 20rpx;">
									<img :src="tieziData.avatarUrl" />
									<img v-if="tieziData.verified != ''" style="width: 36rpx;height: 36rpx;margin-right: 0;" class="v" src="../../images/circle/v.png"></img>
								</view>
								
								<view class="right">
									<text class="name">{{tieziData.userName}}</text>
									<text class="time">{{timeReturn()}}</text>
								</view>
							</view>
							<view class="text">
								{{tieziData.content}}
							</view>
							<!-- 微贴v-if="!filehaibaoReturn(tieziData) && !tieziData.businessTypeStr && !goods && !activity" -->
							<view class="weitie">
								<!-- 多张照片 -->
								<view class="moreImg" v-if="imgLength > 1 && videos.length == 0" v-for="(item, index) in imgs" :key="index">
									<img :src="item.fileUrl" />
								</view>
							
								<!-- 一张图 -->
								<img v-if="imgLength == 1 && videos.length == 0" id="img" class="oneImage" :src="imgs[0].fileUrl" />
							
								<!-- 视频 -->
								<view class="video" v-if="videos.length > 0">
									<image :src="videos[0].firstUrl" mode="aspectFill"></image>
									<img class="bofang" src="../../images/circle/video.png" />
									<!-- 	<img :src="videos[0].firstUrl" mode="aspectFill"/> -->
								</view>
							</view>
							<!-- 活动 -->
							<view class="active2" v-if="activity" style="margin-bottom: 20rpx;">
								<view class="left">
									<img :src="tieziData.act.actPoster" />
									<view class="huodong">
										<text class="title">{{tieziData.act.topic.slice(0,10) + '...'}}</text>
										<text class="time">{{actReturn(tieziData.act.actStartTime)}}</text>
									</view>
								</view>
								<view class="right">
									<view class="gang"></view>
									<text>去参加</text>
								</view>
							</view>
							<!-- 商品 -->
							<view class="shop" v-if="goods && !activity" style="margin-bottom: 20rpx;">
								<view class="left">
									<img :src="tieziData.goodsInfo.goodsImg" />
									<view class="shangpin">
										<text class="title">{{tieziData.goodsInfo.goodsName}}</text>
										<text class="jiage">￥{{tieziData.goodsInfo.presentPrice}} <del v-if="tieziData.goodsInfo.price != 0" style="font-size: 24rpx;color: #999999;margin-left: 14rpx;">￥{{tieziData.goodsInfo.price}}</del></text>
									</view>
								</view>
								<view class="right">
									<view class="gang"></view>
									<text>去购买</text>
								</view>
							</view>
							<!-- 文件v-if="filehaibaoReturn(tieziData) && !tieziData.businessTypeStr && !goods && !activity" -->
							<view class="wj" v-for="data in fileList">
								<view class="left">
									<img src="../../images/circle/file.png" />
									<view class="name">
										{{data.fileName.length > 36 ? data.fileName.substring(0,36) + '...' : data.fileName}}
									</view>
								</view>
							</view>
							<!-- 商机 -->
							<view class="sj" v-if="tieziData.businessTypeStr && !goods && !activity">
								<text class="sj1">{{tieziData.businessTypeStr}}</text>
								<text>{{tieziData.businessIndustry}}</text>
							</view>
						</view>
						<img class="ewm" :src="tieziData.imageUrl" />
						<view class="bottom">
							<view>
								长按识别二维码查看原文
							</view>
							<view class="bottom_">
								一起来往APP/公众号：万商由人 商会领聚
							</view>

						</view>
					</view>
					<img :src="base64" :style="{width: viewWidth + 'px',height: viewHeight + 'px'}" v-if="base64" />
				</view>
				<img class="gb" @tap="closePoster()" src="../../images/circle/haibao_cloce.png" />
			</view>
			<view class="btn">
				长按海报，发送给朋友或保存图片
			</view>
		</view>
		<view class="lhzheZhao" @tap="queRen" v-if="is_Block">
			<view class="modal">
				<view class="tishi">提示</view>
				<view class="text">你已被该圈子拉黑，暂无法查看任何内容!</view>
				<view class="btn_">
					<view class="left" @tap.stop="queRen">确认</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
import "../../utils/toApp.js";
var jweixin = require("jweixin-module");
import html2canvas from "html2canvas";
export default {
  data() {
    return {
      index: 1,
      index2: 0,
      index3: 0,
      zhezhao: false,
      wuPhone: false,
      bottom: false,
      bottom2: false,
      bottom3: false,
      bottom4: false,
      bottom5: false,
      bottom6: false,
      bottom7: false,
      noMore: false,
      noMore2: false,
      noMore3: false,
      noMore4: false,
      noMore5: false,
      noMore6: false,
      noMore7: false,
      noMoreData: false,
      noMoreData2: false,
      noMoreData3: false,
      noMoreData4: false,
      noMoreData5: false,
      noMoreData6: false,
      noMoreData7: false,
      isShare: false,
      isLinkShare: false,
      show_haibao: false,
      is_show: false,
      jieshao: false,
      back1: false,
      is_telphone: false,
      pageSize1: 20,
      pageSize2: 10,
      pageSize3: 10,
      pageSize4: 10,
      pageSize5: 10,
      pageSize6: 10,
      pageSize7: 10,
      type: "",
      isUser: "",
      id: "", //圈子id
      encryptUserId: "",
      userId: "", // 当前用户id
      realName: "",
      welcomeUser: {}, // 欢迎成员信息
      thumbsList: [],
      tieziData: {},
      friendsLists: [], // 标签数组
      qzDataList: {}, //圈子信息
      peopleList: [], //成员列表
      wendangList: [], //文档列表
      weitieList: [], //微贴列表
      shangjiList: [], //商机列表
      jinghuaList: [], //精华列表
      shangpinList: [], //商品列表
      huodongList: [], //活动列表
      welcomeNewMemberShare: 0,
      viewWidth: "",
      viewHeight: "",
      base64: "",
      activity: false,
      goods: false,
      imgs: [], //照片数组
      videos: [], //视频数组
      imgLength: "",
      is_shengcheng: false,
      is_Block: false,
      isTanMask: 1,
      fileList: [],
      clearUnreadFlag: 0, //是否清零
      if_shiming: false,
      myUserAuthStatus: 0,
      activeExtinfoid: "",
      goAdd: false,
    };
  },
  onLoad(option) {
    // console.log(option);
    this.id = option.id;
    this.type = option.type;
    if (option.clearUnreadFlag) {
      this.clearUnreadFlag = option.clearUnreadFlag;
    }
    this.isUser = option.isUser;
    if (option.isTanMask) {
      this.isTanMask = option.isTanMask;
    }
    if (option.isShare == 1) {
      this.back1 = true;
    }
    if (uni.getStorageSync("token")) {
      this.qzData2();
    } else {
      //掉授权
      this.configWeiXin(); //掉授权
    }
    if (option.type == 3 && !this.if_shiming) {
      this.zhezhao = true;
    }
    if (option.share == 2) {
      this.welcomeNewMemberShare = 2;
    }
    if (option.index) {
      if (option.index == 1) {
        this.index = 1;
        this.index2 = 0;
      } else if (option.index == 2) {
        this.index = 2;
        this.index3 = 0;
      } else if (option.index == 3) {
        this.index = 1;
        this.index2 = 0;
      } else if (option.index == 4) {
        this.index = 2;
        this.index3 = 1;
      } else if (option.index == 5) {
        this.index = 1;
        this.index2 = 0;
      }
    }
  },
  onShow() {
    this.bottom = false;
    this.bottom2 = false;
    this.bottom3 = false;
    this.bottom4 = false;
    this.bottom5 = false;
    this.bottom6 = false;
    this.bottom7 = false;
    this.isShare = false;
    this.isLinkShare = false;
    this.show_haibao = false;
    this.if_shiming = false;
    this.base64 = "";
    this.is_show = false;
    this.weitieList.forEach((v) => {
      v.is_show = false;
    });
    this.shangjiList.forEach((v) => {
      v.is_show = false;
    });
    this.jinghuaList.forEach((v) => {
      v.is_show = false;
    });
    this.wendangList.forEach((v) => {
      v.is_show = false;
    });
    this.huodongList.forEach((v) => {
      v.is_show = false;
    });
    this.shangpinList.forEach((v) => {
      v.is_show = false;
    });

    if (uni.getStorageSync("token")) {
      //如果获取token
      this.encryptUserId = uni.getStorageSync("personal").encryptUserId; //本地id
      this.configWeiXin3();
      this.qzData();
      this.jinghua();
      this.shangji();
      this.weitie();
      this.wendang();
      this.shangpin();
      this.huodong();
      this.user();
      this.qzcyData();
      this.handleShare();
    }
  },
  onReachBottom() {
    if (this.show_haibao) {
      return false;
    } else {
      if (this.index == 0) {
        if (this.noMoreData) {
          return false;
        }
        uni.showLoading({
          title: "加载中",
        });
        this.bottom = true;
        this.pageSize1 = this.pageSize1 + 20;
        this.qzcyData();
      } else if (this.index == 1 && this.index2 == 0) {
        if (this.noMoreData2) {
          return false;
        }
        uni.showLoading({
          title: "加载中",
        });
        this.bottom2 = true;
        this.pageSize2 = this.pageSize2 + 10;
        this.weitie();
      } else if (this.index == 2 && this.index3 == 0) {
        if (this.noMoreData3) {
          return false;
        }
        uni.showLoading({
          title: "加载中",
        });
        this.bottom3 = true;
        this.pageSize3 = this.pageSize3 + 10;
        this.shangji();
      } else if (this.index == 1 && this.index2 == 3) {
        if (this.noMoreData4) {
          return false;
        }
        uni.showLoading({
          title: "加载中",
        });
        this.bottom4 = true;
        this.pageSize4 = this.pageSize4 + 10;
        this.wendang();
      } else if (this.index == 2 && this.index3 == 1) {
        if (this.noMoreData5) {
          return false;
        }
        uni.showLoading({
          title: "加载中",
        });
        this.bottom5 = true;
        this.pageSize5 = this.pageSize5 + 10;
        this.shangpin();
      } else if (this.index == 1 && this.index2 == 2) {
        if (this.noMoreData6) {
          return false;
        }
        uni.showLoading({
          title: "加载中",
        });
        this.bottom6 = true;
        this.pageSize6 = this.pageSize6 + 10;
        this.huodong();
      } else if (this.index == 1 && this.index2 == 1) {
        if (this.noMoreData7) {
          return false;
        }
        uni.showLoading({
          title: "加载中",
        });
        this.bottom7 = true;
        this.pageSize7 = this.pageSize7 + 10;
        this.jinghua();
      }
    }
  },
  onPullDownRefresh() {
    let that = this;
    if (this.show_haibao) {
      uni.stopPullDownRefresh();
      return false;
    } else {
      if (this.index == 0) {
        this.bottom = false;
        this.noMore = false;
        this.noMoreData = false;
        this.pageSize1 = 20;
        setTimeout(() => {
          that.qzcyData();
          uni.stopPullDownRefresh();
          uni.showToast({
            title: "刷新成功",
            duration: 1500,
            icon: "none",
          });
        }, 1000);
      } else if (this.index == 1 && this.index2 == 0) {
        this.bottom2 = false;
        this.noMore2 = false;
        this.noMoreData2 = false;
        this.pageSize2 = 10;
        setTimeout(() => {
          that.weitie();
          uni.stopPullDownRefresh();
          uni.showToast({
            title: "刷新成功",
            duration: 1500,
            icon: "none",
          });
        }, 1000);
      } else if (this.index == 2 && this.index3 == 0) {
        this.bottom3 = false;
        this.noMore3 = false;
        this.noMoreData3 = false;
        this.pageSize3 = 10;
        setTimeout(() => {
          that.shangji();
          uni.stopPullDownRefresh();
          uni.showToast({
            title: "刷新成功",
            duration: 1500,
            icon: "none",
          });
        }, 1000);
      } else if (this.index == 1 && this.index2 == 3) {
        this.bottom4 = false;
        this.noMore4 = false;
        this.noMoreData4 = false;
        this.pageSize4 = 10;
        setTimeout(() => {
          that.wendang();
          uni.stopPullDownRefresh();
          uni.showToast({
            title: "刷新成功",
            duration: 1500,
            icon: "none",
          });
        }, 1000);
      } else if (this.index == 2 && this.index3 == 1) {
        this.bottom5 = false;
        this.noMore5 = false;
        this.noMoreData5 = false;
        this.pageSize5 = 10;
        setTimeout(() => {
          that.shangpin();
          uni.stopPullDownRefresh();
          uni.showToast({
            title: "刷新成功",
            duration: 1500,
            icon: "none",
          });
        }, 1000);
      } else if (this.index == 1 && this.index2 == 2) {
        this.bottom6 = false;
        this.noMore6 = false;
        this.noMoreData6 = false;
        this.pageSize6 = 10;
        setTimeout(() => {
          that.huodong();
          uni.stopPullDownRefresh();
          uni.showToast({
            title: "刷新成功",
            duration: 1500,
            icon: "none",
          });
        }, 1000);
      } else if (this.index == 1 && this.index2 == 1) {
        this.bottom7 = false;
        this.noMore7 = false;
        this.noMoreData7 = false;
        this.pageSize7 = 10;
        setTimeout(() => {
          that.jinghua();
          uni.stopPullDownRefresh();
          uni.showToast({
            title: "刷新成功",
            duration: 1500,
            icon: "none",
          });
        }, 1000);
      }
    }
  },
  computed: {
    // 控制显示三张图
    sliceImg() {
      return function (value) {
        return value.slice(0, 3);
      };
    },
    returnImgs() {
      return function (value) {
        let arr_v1 = value.filter((v) => {
          return v.fileType == 1;
        });
        if (arr_v1.length > 3) {
          return arr_v1.slice(0, 3);
        } else {
          return value;
        }
      };
    },
    fileReturn() {
      return function (value) {
        let arr = [];
        value.forEach((v) => {
          if (v.fileType == 2) {
            arr.push(v);
          }
        });
        return arr.slice(0, 1);
      };
    },
    imgLengthReturn() {
      return function (value) {
        let arr = [];
        value.forEach((v) => {
          if (v.fileType == 1) {
            arr.push(v);
          }
        });
        return arr.length;
      };
    },
    videoLengthReturn() {
      return function (value) {
        let arr = [];
        value.forEach((v) => {
          if (v.fileType == 3) {
            arr.push(v);
          }
        });
        return arr.length;
      };
    },
    // fileReturnMore() {
    //   return function (value) {
    //     let arr = [];
    // 	value.forEach((v) => {
    // 		 if (v.fileType == 2) {
    // 		   arr.push(v);
    // 		 }
    // 	});
    //     return arr;
    //   };
    // },
    filehaibaoReturn() {
      return function (value) {
        let arr = [];
        if (value.imgCollection) {
          value.imgCollection.forEach((v) => {
            if (v.fileType == 2) {
              arr.push(v);
            }
          });
        }
        if (arr.length > 0) {
          return true;
        } else {
          return false;
        }
      };
    },
    ifPhone() {
      return function (value) {
        let phoneH = /^(((1[0-9][0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
        if (phoneH.test(value)) {
          return "手机用户";
        } else {
          return value;
        }
      };
    },
    telphone() {
      return function (value) {
        let phoneH = /^(((1[0-9][0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
        if (phoneH.test(value)) {
          return "手机：" + value;
        } else {
          return "";
        }
      };
    },
    content() {
      return function (value) {
        if (value.length > 4) {
          return value.substring(0, 4) + "...";
        } else {
          return value;
        }
      };
    },
    content_filter() {
      return function (value) {
        return value.replace(/\ /g, "").replace(/\s/g, "");
      };
    },
    actReturn() {
      return function (value) {
        return (
          value.substring(5, 7) +
          "月" +
          value.substring(8, 10) +
          "日" +
          " " +
          value.substring(11, 16)
        );
      };
    },
    timeReturn() {
      return function () {
        if (this.tieziData.createTime) {
          return this.tieziData.createTime.substring(0, 16);
        } else {
          return "";
        }
      };
    },
    left() {
      return function (value) {
        if (value.length == 1) {
          return "55rpx";
        } else if (value.length == 2) {
          return "90rpx";
        } else if (value.length == 3) {
          return "130rpx";
        } else if (value.length == 0 || value == "") {
          return "0";
        }
      };
    },
  },
  methods: {
    linkShare() {
      //链接分享
      this.isLinkShare = true;
    },
    closeLinkShare() {
      //关闭链接分享
      this.isLinkShare = false;
    },
    closePoster() {
      if (this.is_shengcheng) {
        return;
      } else {
        this.show_haibao = false;
        this.base64 = "";
        document.getElementsByClassName("uni-body")[0].style =
          "overflow-x :hidden";
      }
    },
    toImg() {
      let that = this;
      // 使页面滑到顶部，避免顶部出现白边
      // uni.pageScrollTo({
      // 	scrollTop: 0,
      // 	duration: 0,
      // });
      var dom = document.getElementById("poster"); // 获取dom元素
      var width = dom.offsetWidth; //dom宽
      this.viewWidth = width;
      var height = dom.offsetHeight; //dom高
      this.viewHeight = height;
      html2canvas(dom, {
        dpi: window.devicePixelRatio * 4,
        scale: 3.171, // 缩放倍数
        width: width, //dom 原始宽度
        height: height,
        scrollY: 0, // html2canvas默认绘制视图内的页面，需要把scrollY，scrollX设置为0
        scrollX: 0,
        useCORS: true, //支持跨域，但好像没什么用
        async: false, //是否异步解析和呈现元素
        allowTaint: true,
      }).then((canvas) => {
        // 将生产的canvas转为base64图片
        that.base64 = canvas.toDataURL("image/jpeg", 1.0);
      });
      setTimeout(() => {
        uni.hideLoading();
        this.is_shengcheng = false;
      }, 500);
    },
    photoShare() {
      let that = this;
      this.isShare = false;
      this.show_haibao = true;
      this.is_shengcheng = true;
      document.getElementsByClassName("uni-body")[0].style.overflow = "hidden";
      setTimeout(() => {
        uni.showLoading({
          title: "海报生成中...",
        });
      }, 200);
      // if(this.imgLength == 1 && this.videos.length == 0){
      // 		  var timer = setInterval(() => {
      // 		      if (document.getElementById("img").complete) {
      // 		        //判断最后一个图像是不是加载完毕
      // 		        clearInterval(timer);
      // 		        setTimeout(() => {
      // 		          that.toImg();
      // 		        }, 1500);
      // 		      }
      // 		  }, 50);
      // }else{
      // 		  setTimeout(() => {
      // 		    that.toImg();
      // 		  }, 1500);
      // }
      setTimeout(() => {
        that.toImg();
      }, 1500);
    },
    queRen() {
      window.history.go(-1);
    },
    handleBtn() {
      this.if_shiming = false;
      let token = uni.getStorageSync("token");
      let that = this;
      if (this.back1 && !token) {
        uni.showToast({
          title: "正在授权登录，请稍等",
          duration: 1000,
          icon: "none",
        });
        this.configWeiXin(); //掉授权
      } else {
        //点击认证
        uni.showModal({
          title: "前往APP",
          content: "即将离开微信，打开“一起来往”实名认证",
          confirmText: "允许",
          success: (res) => {
            if (res.confirm) {
              that.goAdd = true;
              uni.setStorageSync("ios", "1");
              uni.hideLoading();
              uni.showLoading({
                title: "加载中，请稍等~",
              });
              setTimeout(function () {
                uni.hideLoading();
              }, 3000);
              var url = window.location.href.split("&code")[0];
              window.history.pushState({}, 0, url);
              this.openApp.toApps(19, "", "", "", "");
            }
          },
        });
      }
    },
    configWeiXin3() {
      //唤醒安卓APP
      //获取公众号配置
      let token = uni.getStorageSync("token");
      this.request({
        //获取appid
        url: "h5/login/jsapiSignature",
        method: "POST",
        header: {
          "content-type": "application/json;charset=UTF-8",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": "1.3.7",
          "Source-Type": 7,
          token: token,
        },
        data: {
          url: window.location.href.split("#")[0], //后台通过域名进行授权
        },
      }).then((res) => {
        if (res.statusCode == 200) {
          //获取成功
          jweixin.config({
            debug: false, // 开启调试模式，发布的时候改为false
            appId: res.data.appId, // 必填，公众号的唯一标识
            timestamp: res.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
            signature: res.data.signature, // 必填，签名
            jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"], // 必填，需要使用的JS接口列表
            openTagList: ["wx-open-launch-app"],
          });
          jweixin.ready(function () {});
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
      if (this.openApp.iswx == "wx" && this.openApp.phone == "Android") {
        // this.extinfoid = `yqlw://yilaiwang.com/openDetail?jumpType=18&serviceId=''&type=1&orgId=''&content=''`;
        this.activeExtinfoid = `yqlw://yilaiwang.com/openDetail?jumpType=19&serviceId=''&type=''&orgId=''&content=''`;
      }
    },
    configWeiXin() {
      let _this = this;
      //获取公众号配置
      this.request({
        //获取appid
        url: "h5/login/jsapiSignature",
        method: "POST",
        data: {
          url: window.location.href.split("#")[0], //后台通过域名进行授权
        },
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
        },
      }).then((res) => {
        var jsApiList = [
          "onMenuShareAppMessage",
          "onMenuShareTimeline",
          "updateAppMessageShareData",
          "updateTimelineShareData",
          "hideOptionMenu",
          "showOptionMenu",
        ];
        if (res.statusCode == 200) {
          //获取成功
          jweixin.config({
            debug: false, // 开启调试模式，发布的时候改为false
            appId: res.data.appId, // 必填，公众号的唯一标识
            timestamp: res.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
            signature: res.data.signature, // 必填，签名
            jsApiList: jsApiList, // 必填，需要使用的JS接口列表
          });

          jweixin.ready(function () {
            //配置成功
            _this.wxJsdkAuthorize(res.data.appId); //调用公众号-授权
          });
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    //公众号授权
    wxJsdkAuthorize(_appid) {
      let _this = this;
      let link = window.location.href;
      //授权时会跳到微信的页面，然后会自动调回来带着一个code
      let _code = "";
      if (link.includes("code=")) {
        _code = link.split("code=")[1].split("&")[0];
      }
      // 如果拿到_code，传到后台
      if (_code) {
        console.log(_code, "打印code");
        this.request({
          url: "h5/login/getOpenIdV2", //拿oponid
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
          },
          data: {
            code: _code,
          },
        }).then((res) => {
          if (res.data.code == 200) {
            if (res.data.data.isLogin) {
              uni.setStorageSync("token", res.data.data.token); //缓存token
              uni.setStorageSync("personal", res.data.data);
              _this.qzData();
              _this.jinghua();
              _this.shangji();
              _this.weitie();
              _this.wendang();
              _this.shangpin();
              _this.huodong();
              _this.user();
              _this.qzcyData();
              _this.handleShare();
            }
          } else {
          }
        });
      } else {
        let appid = _appid;
        let uri = encodeURIComponent(link);
        let authURL = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${uri}&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect`;
        window.location.href = authURL;
      }
    },
    closeWuPhone() {
      this.wuPhone = false;
    },
    closeshiming() {
      this.if_shiming = false;
    },
    //判断是否实名认证
    ifShiming() {
      let token = uni.getStorageSync("token");
      const that = this;
      this.request({
        url: "h5/userInformation/faceAuthFlag",
        method: "POST",
        header: {
          "content-type": "application/json;charset=UTF-8",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
      }).then((res) => {
        if (res.data.code == 200) {
          that.myUserAuthStatus = res.data.data.myUserAuthStatus;
          if (
            res.data.data.myUserAuthStatus == 0 ||
            res.data.data.myUserAuthStatus == 1
          ) {
            that.if_shiming = true;
          } else if (res.data.data.myUserAuthStatus == 2) {
            that.if_shiming = false;
          }
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    toSousuo() {
      uni.navigateTo({
        url: "/pages/circle/search?id=" + this.id,
      });
    },
    fatie() {
      this.index = 1;
      uni.redirectTo({
        url: "/pages/post/newPost?id=" + this.id,
      });
    },
    openFile(url) {
      window.open(url);
    },
    // 圈子基本信息
    qzData() {
      let token = uni.getStorageSync("token");
      const that = this;
      this.request({
        url: "h5/orgCircle/friendsHomeInfo",
        method: "POST",
        header: {
          "content-type": "application/json;charset=UTF-8",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          orgId: this.id,
          clearUnreadFlag: this.clearUnreadFlag,
        },
      }).then((res) => {
        if (res.data.code == 200) {
          that.qzDataList = res.data.data;
          that.welcomeUser = res.data.data.welcomeUser;
          if (res.data.data.isOrg == 1 && res.data.data.chargeAmount > 0) {
            that.ifShiming();
          }
          if (res.data.data.isBlock == 1) {
            that.is_Block = true;
          }
          if (res.data.data.welcomeUser != "") {
            if (res.data.data.welcomeUser.thumbsList.length > 3) {
              that.thumbsList = res.data.data.welcomeUser.thumbsList.slice(
                0,
                3
              );
            } else {
              that.thumbsList = res.data.data.welcomeUser.thumbsList;
            }
          }
          that.friendsLists = res.data.data.friendsLists.slice(0, 4);
          that.handleShare();
          if (res.data.data.isOrg == 3 || res.data.data.isUserFriendsPay == 1) {
            if (this.back1) {
              uni.redirectTo({
                url: "/pages/circle/Introduce?id=" + that.id + "&isShare=1",
              });
            } else {
              uni.redirectTo({
                url: "/pages/circle/Introduce?id=" + that.id,
              });
            }
          }
        } else if (res.data.code == 401) {
          that.configWeiXin(); //掉微信授权
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }

        if (res.data.msg == "该圈子已注销" || res.data.msg == "圈子不存在") {
          setTimeout(() => {
            uni.redirectTo({
              url: "/pages/index/index",
            });
          }, 1000);
        }
      });
    },
    qzData2() {
      let token = uni.getStorageSync("token");
      const that = this;
      this.request({
        url: "h5/orgCircle/friendsHomeInfo",
        method: "POST",
        header: {
          "content-type": "application/json;charset=UTF-8",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          orgId: this.id,
        },
      }).then((res) => {
        if (res.data.code == 200) {
          that.qzDataList = res.data.data;
          that.friendsLists = res.data.data.friendsLists.slice(0, 4);
          that.handleShare();
          if (res.data.data.isOrg == 3 || res.data.data.isUserFriendsPay == 1) {
            uni.redirectTo({
              url: "/pages/circle/Introduce?id=" + that.id,
            });
          }
          if (
            !that.qzDataList.circlePromotion &&
            that.qzDataList.isOrg == 1 &&
            that.isUser != 1 &&
            this.isTanMask == 1
          ) {
            that.zhezhao = true;
          }
        }
      });
    },
    // 圈子成员
    qzcyData() {
      let token = uni.getStorageSync("token");
      const that = this;
      this.request({
        url: "h5/orgCircle/memberList",
        method: "POST",
        header: {
          "content-type": "application/json;charset=UTF-8",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          orgId: this.id,
          pageSize: this.pageSize1,
          pageNumber: 1,
        },
      }).then((res) => {
        if (res.data.code == 200) {
          that.peopleList = res.data.data.rows;
          if (res.data.data.total == 0) {
            uni.hideLoading();
            return false;
          }
          if (
            that.bottom &&
            that.peopleList.length >= res.data.data.total &&
            !that.noMore
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
            that.noMore = true;
            return false;
          }
          if (
            that.peopleList.length >= res.data.data.total &&
            that.bottom &&
            !that.noMoreData
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "没有更多数据了",
              duration: 1000,
              icon: "none",
            });
            that.noMoreData = true;
          } else if (
            that.peopleList.length < res.data.data.total &&
            that.bottom &&
            that.peopleList.length != 0
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
          }
        }
      });
    },
    jinghua() {
      let token = uni.getStorageSync("token");
      const that = this;
      this.request({
        url: "h5/orgMessage/essencesPost",
        method: "POST",
        header: {
          "content-type": "application/json;charset=UTF-8",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          orgId: this.id,
          pageNumber: 1,
          pageSize: this.pageSize7,
        },
      }).then((res) => {
        if (res.data.code == 200) {
          that.jinghuaList = res.data.data.rows;
          that.jinghuaList = res.data.data.rows.map((v) => {
            v.is_content = false;
            v.is_show = false;
            v.is_video = false;
            v.is_file = false;
            return v;
          });

          that.jinghuaList.forEach((v, i) => {
            if (v.imgCollection.length > 0) {
              //不止一张
              v.imgCollection.forEach((value, index) => {
                if (value.fileType == 3) {
                  //有视频
                  v.is_video = true;
                }
                if (value.fileType == 2) {
                  //有文件
                  v.is_file = true;
                }
              });
            }
          });
          if (res.data.data.total == 0) {
            uni.hideLoading();
            return false;
          }
          if (
            that.bottom7 &&
            that.jinghuaList.length >= res.data.data.total &&
            !that.noMore7
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
            that.noMore7 = true;
            return false;
          }
          if (
            that.jinghuaList.length >= res.data.data.total &&
            that.bottom7 &&
            !that.noMoreData7
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "没有更多数据了",
              duration: 1000,
              icon: "none",
            });
            that.noMoreData7 = true;
          } else if (
            that.jinghuaList.length < res.data.data.total &&
            that.bottom7 &&
            that.jinghuaList.length != 0
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
          }

          // that.jinghuaList.forEach((v) => {
          //   if (v.content.length > 75) {
          //     v.content = v.content.substring(0, 70);
          //     v.is_content = true;
          //   }
          // });
        }
      });
    },
    shangji() {
      let token = uni.getStorageSync("token");
      const that = this;
      this.request({
        url: "/h5/orgMessage/lastPost",
        method: "POST",
        header: {
          "content-type": "application/json;charset=UTF-8",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          orgId: this.id,
          pageNumber: 1,
          pageSize: this.pageSize3,
          type: 1,
        },
      }).then((res) => {
        if (res.data.code == 200) {
          that.shangjiList = res.data.data.rows;
          that.shangjiList = res.data.data.rows.map((v) => {
            v.is_content = false;
            v.is_show = false;
            v.is_video = false;
            v.is_file = false;
            return v;
          });

          that.shangjiList.forEach((v, i) => {
            if (v.imgCollection.length > 0) {
              //不止一张
              v.imgCollection.forEach((value, index) => {
                if (value.fileType == 3) {
                  //有视频
                  v.is_video = true;
                }
                if (value.fileType == 2) {
                  //有文件
                  v.is_file = true;
                }
              });
            }
          });
          if (res.data.data.total == 0) {
            uni.hideLoading();
            return false;
          }
          if (
            that.bottom3 &&
            that.shangjiList.length >= res.data.data.total &&
            !that.noMore3
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
            that.noMore3 = true;
            return false;
          }
          if (
            that.shangjiList.length >= res.data.data.total &&
            that.bottom3 &&
            !that.noMoreData3
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "没有更多数据了",
              duration: 1000,
              icon: "none",
            });
            that.noMoreData3 = true;
          } else if (
            that.shangjiList.length < res.data.data.total &&
            that.bottom3 &&
            that.shangjiList.length != 0
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
          }
        }
      });
    },
    shangpin() {
      let token = uni.getStorageSync("token");
      const that = this;
      this.request({
        url: "h5/orgMessage/lastPost",
        method: "POST",
        header: {
          "content-type": "application/json;charset=UTF-8",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          orgId: this.id,
          pageNumber: 1,
          pageSize: this.pageSize5,
          type: 3,
        },
      }).then((res) => {
        if (res.data.code == 200) {
          that.shangpinList = res.data.data.rows;

          that.shangpinList = res.data.data.rows.map((v) => {
            v.is_content = false;
            v.is_show = false;
            v.is_video = false; //是否有视频
            v.is_file = false; //是否有文件
            return v;
          });
          that.shangpinList.forEach((v, i) => {
            if (v.imgCollection.length > 0) {
              //不止一张
              v.imgCollection.forEach((value, index) => {
                if (value.fileType == 3) {
                  //有视频
                  v.is_video = true;
                }
                if (value.fileType == 2) {
                  //有文件
                  v.is_file = true;
                }
              });
            }
          });
          if (res.data.data.total == 0) {
            uni.hideLoading();
            return false;
          }
          if (
            that.bottom5 &&
            that.shangpinList.length >= res.data.data.total &&
            !that.noMore5
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
            that.noMore5 = true;
            return false;
          }
          if (
            that.shangpinList.length >= res.data.data.total &&
            that.bottom5 &&
            !that.noMoreData5
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "没有更多数据了",
              duration: 1000,
              icon: "none",
            });
            that.noMoreData5 = true;
          } else if (
            that.shangpinList.length < res.data.data.total &&
            that.bottom5 &&
            that.shangpinList.length != 0
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
          }
        }
      });
    },
    huodong() {
      let token = uni.getStorageSync("token");
      const that = this;
      this.request({
        url: "h5/orgMessage/lastPost",
        method: "POST",
        header: {
          "content-type": "application/json;charset=UTF-8",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          orgId: this.id,
          pageNumber: 1,
          pageSize: this.pageSize6,
          type: 2,
        },
      }).then((res) => {
        if (res.data.code == 200) {
          that.huodongList = res.data.data.rows;

          that.huodongList = res.data.data.rows.map((v) => {
            v.is_content = false;
            v.is_show = false;
            v.is_video = false; //是否有视频
            v.is_file = false; //是否有文件
            return v;
          });
          that.huodongList.forEach((v, i) => {
            if (v.imgCollection.length > 0) {
              //不止一张
              v.imgCollection.forEach((value, index) => {
                if (value.fileType == 3) {
                  //有视频
                  v.is_video = true;
                }
                if (value.fileType == 2) {
                  //有文件
                  v.is_file = true;
                }
              });
            }
          });
          if (res.data.data.total == 0) {
            uni.hideLoading();
            return false;
          }
          if (
            that.bottom6 &&
            that.huodongList.length >= res.data.data.total &&
            !that.noMore6
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
            that.noMore6 = true;
            return false;
          }
          if (
            that.huodongList.length >= res.data.data.total &&
            that.bottom6 &&
            !that.noMoreData6
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "没有更多数据了",
              duration: 1000,
              icon: "none",
            });
            that.noMoreData6 = true;
          } else if (
            that.huodongList.length < res.data.data.total &&
            that.bottom6 &&
            that.huodongList.length != 0
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
          }
        }
      });
    },
    wendang() {
      let token = uni.getStorageSync("token");
      const that = this;
      this.request({
        url: "/h5/orgMessage/lastPost",
        method: "POST",
        header: {
          "content-type": "application/json;charset=UTF-8",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          orgId: this.id,
          pageNumber: 1,
          pageSize: this.pageSize4,
          type: 4,
        },
      }).then((res) => {
        if (res.data.code == 200) {
          that.wendangList = res.data.data.rows;
          that.wendangList = res.data.data.rows.map((v) => {
            v.is_content = false;
            v.is_show = false;
            return v;
          });
          if (res.data.data.total == 0) {
            uni.hideLoading();
            return false;
          }
          if (
            that.bottom4 &&
            that.wendangList.length >= res.data.data.total &&
            !that.noMore4
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
            that.noMore4 = true;
            return false;
          }
          if (
            that.wendangList.length >= res.data.data.total &&
            that.bottom4 &&
            !that.noMoreData4
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "没有更多数据了",
              duration: 1000,
              icon: "none",
            });
            that.noMoreData4 = true;
          } else if (
            that.wendangList.length < res.data.data.total &&
            that.bottom4 &&
            that.wendangList.length != 0
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
          }
        }
      });
    },
    // 获取当前用户信息
    user() {
      let token = uni.getStorageSync("token");
      const that = this;
      this.request({
        url: "h5/userInformation/getNewOtherBusinessCard?",
        method: "POST",
        header: {
          "content-type": "application/json;charset=UTF-8",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          viewUid: "",
        },
      }).then((res) => {
        if (res.data.code == 200) {
          that.userId = res.data.data.id;
          that.realName = res.data.data.realName;
        }
      });
    },
    weitie() {
      let token = uni.getStorageSync("token");
      const that = this;
      this.request({
        url: "h5/orgMessage/lastPost",
        method: "POST",
        header: {
          "content-type": "application/json;charset=UTF-8",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          orgId: this.id,
          pageNumber: 1,
          pageSize: this.pageSize2,
        },
      }).then((res) => {
        if (res.data.code == 200) {
          that.weitieList = res.data.data.rows;
          that.weitieList = res.data.data.rows.map((v) => {
            v.is_content = false;
            v.is_show = false;
            v.is_video = false; //是否有视频
            v.is_file = false; //是否有文件
            return v;
          });
          that.weitieList.forEach((v, i) => {
            if (v.imgCollection.length > 0) {
              //不止一张
              v.imgCollection.forEach((value, index) => {
                if (value.fileType == 3) {
                  //有视频
                  v.is_video = true;
                }
                if (value.fileType == 2) {
                  //有文件
                  v.is_file = true;
                }
              });
            }
          });
          if (res.data.data.total == 0) {
            uni.hideLoading();
            return false;
          }
          if (
            that.bottom2 &&
            that.weitieList.length >= res.data.data.total &&
            !that.noMore2
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
            that.noMore2 = true;
            return false;
          }
          if (
            that.weitieList.length >= res.data.data.total &&
            that.bottom2 &&
            !that.noMoreData2
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "没有更多数据了",
              duration: 1000,
              icon: "none",
            });
            that.noMoreData2 = true;
          } else if (
            that.weitieList.length < res.data.data.total &&
            that.bottom2 &&
            that.weitieList.length != 0
          ) {
            uni.hideLoading();
            uni.showToast({
              title: "加载完成",
              duration: 1000,
              icon: "none",
            });
          }

          // console.log(that.weitieList);
          // that.weitieList.forEach((v) => {
          //   if (v.content.length > 75) {
          //     v.content = v.content.substring(0, 70);
          //     v.is_content = true;
          //   }
          // });
        }
      });
    },
    toxiangqing() {
      uni.navigateTo({
        url: "/pages/index/trickDetail?id=" + this.id,
      });
    },
    zhidin(index, id) {
      //帖子置顶
      let token = uni.getStorageSync("token");
      let that = this;
      if (!token) {
        uni.showToast({
          title: "请授权登录再操作！",
          duration: 2000,
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/pages/index/index",
          });
        }, 2000);
      } else {
        this.request({
          url: "h5/orgMessage/updateIsTop",
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {
            isTop: index,
            id: id,
          },
        }).then((res) => {
          if (res.data.code == 200) {
            that.is_show = false;
            that.jinghua();
            if (index == 1) {
              uni.showToast({
                title: "置顶成功",
                duration: 1000,
                icon: "none",
              });
            } else if (index == 0) {
              uni.showToast({
                title: "取消置顶成功",
                duration: 1000,
                icon: "none",
              });
            }
          } else if (res.data.code == 401) {
            uni.showToast({
              title: "登录失效，请重新授权",
              duration: 2000,
              icon: "none",
            });
            setTimeout(() => {
              uni.navigateTo({
                url: "/pages/index/index",
              });
            }, 2000);
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    imgsDa(imgs, index) {
      //点击图片放大
      // console.log(imgs,index)
      let arrImg = [];
      imgs.forEach((v) => {
        arrImg.push(v.fileUrl);
      });
      uni.previewImage({
        urls: arrImg,
        current: index,
        loop: true,
      });
    },
    handleZan(id, index, item) {
      //帖子点赞
      let token = uni.getStorageSync("token");
      let that = this;
      if (!token) {
        uni.showToast({
          title: "请授权登录再操作！",
          duration: 2000,
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/pages/index/index",
          });
        }, 2000);
      } else {
        this.request({
          url: "h5/appUserThumbs/thumbs",
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {
            thumbsId: id,
            type: 13,
            status: index,
          },
        }).then((res) => {
          if (res.data.code == 200) {
            if (that.index == 1 && that.index2 == 0) {
              that.bottom2 = false;
              that.weitie();
              if (index == 0) {
                uni.showToast({
                  title: "点赞成功",
                  duration: 1000,
                  icon: "none",
                });
              } else if (index == 1) {
                uni.showToast({
                  title: "取消点赞成功",
                  duration: 1000,
                  icon: "none",
                });
              }
            } else if (that.index == 2 && that.index3 == 0) {
              that.bottom3 = false;
              that.shangji();
              if (index == 0) {
                uni.showToast({
                  title: "点赞成功",
                  duration: 1000,
                  icon: "none",
                });
              } else if (index == 1) {
                uni.showToast({
                  title: "取消点赞成功",
                  duration: 1000,
                  icon: "none",
                });
              }
            } else if (that.index == 1 && that.index2 == 3) {
              that.bottom4 = false;
              that.wendang();
              if (index == 0) {
                uni.showToast({
                  title: "点赞成功",
                  duration: 1000,
                  icon: "none",
                });
              } else if (index == 1) {
                uni.showToast({
                  title: "取消点赞成功",
                  duration: 1000,
                  icon: "none",
                });
              }
            } else if (that.index == 2 && that.index3 == 1) {
              that.bottom5 = false;
              that.shangpin();
              if (index == 0) {
                uni.showToast({
                  title: "点赞成功",
                  duration: 1000,
                  icon: "none",
                });
              } else if (index == 1) {
                uni.showToast({
                  title: "取消点赞成功",
                  duration: 1000,
                  icon: "none",
                });
              }
            } else if (that.index == 1 && that.index2 == 2) {
              that.bottom6 = false;
              that.huodong();
              if (index == 0) {
                uni.showToast({
                  title: "点赞成功",
                  duration: 1000,
                  icon: "none",
                });
              } else if (index == 1) {
                uni.showToast({
                  title: "取消点赞成功",
                  duration: 1000,
                  icon: "none",
                });
              }
            } else if (that.index == 1 && that.index2 == 1) {
              that.bottom7 = false;
              that.jinghua();
              if (index == 0) {
                uni.showToast({
                  title: "点赞成功",
                  duration: 1000,
                  icon: "none",
                });
              } else if (index == 1) {
                uni.showToast({
                  title: "取消点赞成功",
                  duration: 1000,
                  icon: "none",
                });
              }
            }
          } else if (res.data.code == 401) {
            uni.showToast({
              title: "登录失效，请重新授权",
              duration: 2000,
              icon: "none",
            });
            setTimeout(() => {
              uni.navigateTo({
                url: "/pages/index/index",
              });
            }, 2000);
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    handleHuanying(id, index) {
      //帖子点赞
      let token = uni.getStorageSync("token");
      let that = this;
      if (!token) {
        uni.showToast({
          title: "请授权登录再操作！",
          duration: 2000,
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/pages/index/index",
          });
        }, 2000);
      } else {
        this.request({
          url: "h5/appUserThumbs/thumbs",
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {
            thumbsId: id,
            type: 20,
            status: index,
          },
        }).then((res) => {
          if (res.data.code == 200) {
            if (index == 0) {
              uni.showToast({
                title: "欢迎成功",
                duration: 1000,
                icon: "none",
              });
            } else if (index == 1) {
              uni.showToast({
                title: "取消欢迎成功",
                duration: 1000,
                icon: "none",
              });
            }
            setTimeout(() => {
              that.qzData();
            }, 500);
          } else if (res.data.code == 401) {
            uni.showToast({
              title: "登录失效，请重新授权",
              duration: 2000,
              icon: "none",
            });
            setTimeout(() => {
              uni.navigateTo({
                url: "/pages/index/index",
              });
            }, 2000);
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    showYes(index, type) {
      if (type == 1 && this.index2 == 0) {
        this.is_show = true;
        this.weitieList.forEach((v) => {
          v.is_show = false;
        });
        this.weitieList[index].is_show = true;
      } else if (type == 2 && this.index3 == 0) {
        this.is_show = true;
        this.shangjiList.forEach((v) => {
          v.is_show = false;
        });
        this.shangjiList[index].is_show = true;
      } else if (type == 1 && this.index2 == 3) {
        this.is_show = true;
        this.wendangList.forEach((v) => {
          v.is_show = false;
        });
        this.wendangList[index].is_show = true;
      } else if (type == 2 && this.index3 == 1) {
        this.is_show = true;
        this.shangpinList.forEach((v) => {
          v.is_show = false;
        });
        this.shangpinList[index].is_show = true;
      } else if (type == 1 && this.index2 == 2) {
        this.is_show = true;
        this.huodongList.forEach((v) => {
          v.is_show = false;
        });
        this.huodongList[index].is_show = true;
      } else if (type == 1 && this.index2 == 1) {
        this.is_show = true;
        this.jinghuaList.forEach((v) => {
          v.is_show = false;
        });
        this.jinghuaList[index].is_show = true;
      }
    },
    handleOpenShare() {
      //打开分享
      //分享功能
      let that = this;
      this.isLinkShare = true;
      this.request({
        url: "h5/login/jsapiSignature",
        method: "POST",
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7, //post一定要带这个header，被这里坑了半天
        },
        data: {
          url: window.location.href.split("#")[0],
        },
      }).then((res) => {
        if (res.statusCode == 200) {
          jweixin.config({
            debug: false,
            appId: res.data.appId, // 必填，公众号的唯一标识
            timestamp: res.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
            signature: res.data.signature, // 必填，签名，见附录1
            jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"],
          });

          jweixin.ready(function () {
            let imgZ = that.qzDataList.orgUrl;
            let titleZ =
              "欢迎" +
              that.welcomeUser.applyName +
              that.welcomeUser.company +
              that.welcomeUser.post +
              "加入了" +
              that.qzDataList.orgName;
            let linkZ =
              that.globalData.domain +
              "/pages/index/welcomeNewMember?isShare=1&id=" +
              that.id +
              "&shareId=" +
              that.welcomeUser.userId;
            let descZ = that.realName + "分享了新成员加入圈子动态，邀请你来看";
            jweixin.updateTimelineShareData({
              title: titleZ, //分享标题
              desc: descZ, // 分享描述
              link: linkZ, //分享链接
              imgUrl: imgZ, //分享图标
            });
            jweixin.updateAppMessageShareData({
              title: titleZ, //分享标题
              desc: descZ, // 分享描述
              link: linkZ, //分享链接
              imgUrl: imgZ, //分享图标
            });
          });
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    handleSerum(id, index, item) {
      //设置精华
      let that = this;
      let token = uni.getStorageSync("token");
      let kong = false;
      if (item == 1 && that.index2 == 1) {
        if (that.jinghuaList.length == 1) {
          kong = true;
        }
      }
      if (!token) {
        uni.showToast({
          title: "请授权登录再操作！",
          duration: 2000,
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/pages/index/index",
          });
        }, 2000);
      } else {
        this.request({
          url: "h5/orgMessage/updateIsEssences",
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {
            isEssences: index,
            id: id,
          },
        }).then((res) => {
          if (res.data.code == 200) {
            if (item == 1 && that.index2 == 0) {
              that.bottom2 = false;
              if (that.weitieList.length != 0) {
                that.weitieList.forEach((v) => {
                  v.is_show = false;
                });
              }
              that.weitie();
            } else if (item == 2 && that.index3 == 0) {
              that.bottom3 = false;
              if (that.shangjiList.length != 0) {
                that.shangjiList.forEach((v) => {
                  v.is_show = false;
                });
              }
              that.shangji();
            } else if (item == 1 && that.index2 == 3) {
              that.bottom4 = false;
              if (that.wendangList.length != 0) {
                that.wendangList.forEach((v) => {
                  v.is_show = false;
                });
              }
              that.wendang();
            } else if (item == 2 && that.index3 == 1) {
              that.bottom5 = false;
              if (that.shangpinList.length != 0) {
                that.shangpinList.forEach((v) => {
                  v.is_show = false;
                });
              }
              that.shangpin();
            } else if (item == 1 && that.index2 == 2) {
              that.bottom6 = false;
              if (that.huodongList.length != 0) {
                that.huodongList.forEach((v) => {
                  v.is_show = false;
                });
              }
              that.huodong();
            } else if (item == 1 && that.index2 == 1) {
              that.bottom7 = false;
              if (that.jinghuaList.length != 0) {
                that.jinghuaList.forEach((v) => {
                  v.is_show = false;
                });
              }
              that.jinghua();
              if (kong) {
                that.jinghuaList = [];
              }
            }
            that.is_show = false;
            if (index == 1) {
              uni.showToast({
                title: "设置精华帖成功",
                duration: 1500,
                icon: "none",
              });
            } else {
              uni.showToast({
                title: "取消精华帖成功",
                duration: 1500,
                icon: "none",
              });
            }
          } else if (res.data.code == 401) {
            uni.showToast({
              title: "登录失效，请重新授权",
              duration: 2000,
              icon: "none",
            });
            setTimeout(() => {
              uni.navigateTo({
                url: "/pages/index/index",
              });
            }, 2000);
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    handleDelete(id, index) {
      this.is_show = false;
      //删除帖子
      let that = this;
      let kong = false;
      let kong1 = false;
      let kong2 = false;
      let kong3 = false;
      let kong4 = false;
      let kong5 = false;
      if (index == 1 && this.index2 == 0) {
        that.bottom2 = false;
        this.weitieList.forEach((v) => {
          v.is_show = false;
        });
        if (this.weitieList.length == 1) {
          kong = true;
        }
      } else if (index == 2 && this.index3 == 0) {
        that.bottom3 = false;
        this.shangjiList.forEach((v) => {
          v.is_show = false;
        });
        if (this.shangjiList.length == 1) {
          kong1 = true;
        }
      } else if (index == 1 && this.index2 == 3) {
        that.bottom4 = false;
        this.wendangList.forEach((v) => {
          v.is_show = false;
        });
        if (this.wendangList.length == 1) {
          kong2 = true;
        }
      } else if (index == 2 && this.index3 == 1) {
        that.bottom5 = false;
        this.shangpinList.forEach((v) => {
          v.is_show = false;
        });
        if (this.shangpinList.length == 1) {
          kong3 = true;
        }
      } else if (index == 1 && this.index2 == 2) {
        that.bottom6 = false;
        this.huodongList.forEach((v) => {
          v.is_show = false;
        });
        if (this.huodongList.length == 1) {
          kong4 = true;
        }
      } else if (index == 1 && this.index2 == 1) {
        that.bottom7 = false;
        this.jinghuaList.forEach((v) => {
          v.is_show = false;
        });
        if (this.jinghuaList.length == 1) {
          kong5 = true;
        }
      }
      // console.log(id,id1)
      uni.showModal({
        title: "提示",
        content: "是否确定删除该条帖子",
        confirmColor: "#000000",
        cancelColor: "#007aff",
        cancelText: "再想想",
        success: (e) => {
          if (e.confirm) {
            let token = uni.getStorageSync("token");
            // console.log(token, 'token')
            if (!token) {
              uni.showToast({
                title: "请授权登录再操作！",
                duration: 2000,
                icon: "none",
              });
              setTimeout(() => {
                uni.navigateTo({
                  url: "/pages/index/index",
                });
              }, 2000);
            } else {
              this.request({
                url: "h5/orgMessage/orgDeleteAct?uid=",
                method: "post",
                header: {
                  "Content-Type": "application/json",
                  "api-client": "72e0fee8172411ea995200163e05ff66",
                  "api-version": this.globalData.apiVersion,
                  "Source-Type": 7,
                  token: token,
                },
                data: {
                  relationId: id,
                  type: 13,
                  orgId: this.id,
                },
              }).then((res) => {
                // console.log(res, '删除帖子')
                if (res.data.code == 200) {
                  that.is_show = false;
                  if (index == 1 && this.index2 == 0) {
                    that.weitie();
                    if (kong) {
                      that.weitieList = [];
                    }
                  } else if (index == 2 && this.index3 == 0) {
                    that.shangji();
                    if (kong1) {
                      that.shangjiList = [];
                    }
                  } else if (index == 1 && this.index2 == 3) {
                    that.wendang();
                    if (kong2) {
                      that.wendangList = [];
                    }
                  } else if (index == 2 && this.index3 == 1) {
                    that.shangpin();
                    if (kong3) {
                      that.shangpinList = [];
                    }
                  } else if (index == 1 && this.index2 == 2) {
                    that.huodong();
                    if (kong4) {
                      that.huodongList = [];
                    }
                  } else if (index == 1 && this.index2 == 1) {
                    that.jinghua();
                    if (kong5) {
                      that.jinghuaList = [];
                    }
                  }
                  uni.showToast({
                    title: "删除成功",
                    duration: 1000,
                    icon: "none",
                  });
                } else {
                  uni.showToast({
                    title: res.data.msg,
                    duration: 2000,
                    icon: "none",
                  });
                }
              });
            }
          }
        },
      });
    },
    handleShare() {
      //分享功能
      let that = this;
      this.request({
        url: "h5/login/jsapiSignature",
        method: "POST",
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7, //post一定要带这个header，被这里坑了半天
        },
        data: {
          url: window.location.href.split("#")[0],
        },
      }).then((res) => {
        if (res.statusCode == 200) {
          jweixin.config({
            debug: false,
            appId: res.data.appId, // 必填，公众号的唯一标识
            timestamp: res.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
            signature: res.data.signature, // 必填，签名，见附录1
            jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"],
          });

          jweixin.ready(function () {
            // 判断需要跳转的链接

            //是收费圈子
            var linkUrl =
              that.globalData.domain +
              "/pages/circle/Introduce?id=" +
              that.id +
              "&encryptUserId=" +
              encodeURIComponent(that.encryptUserId) +
              "&isShare=1";

            jweixin.updateAppMessageShareData({
              title: that.qzDataList.orgName, //分享标题
              desc: that.qzDataList.orgIntroduce, // 分享描述
              link: linkUrl,
              imgUrl: that.qzDataList.orgUrl, //分享图标
            });
            //自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）
            jweixin.updateTimelineShareData({
              title: that.qzDataList.orgName, //分享标题
              desc: that.qzDataList.orgIntroduce, // 分享描述
              link: linkUrl, //分享链接
              imgUrl: that.qzDataList.orgUrl, //分享图标
              success: function () {
                // 用户确认分享后执行的回调函数
              },
              cancel: function () {
                // 用户取消分享后执行的回调函数
              },
            });
          });
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    toShare() {
      this.isShare = true;
    },
    goHuanying() {
      uni.navigateTo({
        url:
          "/pages/index/welcomeNewMember?id=" +
          this.id +
          "&shareId=" +
          this.qzDataList.welcomeUser.userId,
      });
    },
    // 标签页
    toBiaoqian() {
      if (this.qzDataList.isOrg == 1) {
        uni.navigateTo({
          url: "/pages/index/customTag?id=" + this.id,
        });
      }
    },
    jiantou() {
      this.zhezhao = true;
      this.jieshao = true;
    },
    shareTO() {
      let token = uni.getStorageSync("token");
      this.request({
        url: "h5/orgCircle/sharePost",
        method: "post",
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          postId: this.tieziData.id,
        },
      }).then((res) => {
        if (res.data.code == 200) {
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    openShare(data) {
      console.log(data);
      this.isShare = true;
      this.tieziData = data;
      this.tieziData.content = data.content.trim();
      this.imgs = data.imgCollection.filter((v) => {
        return v.fileType == 1;
      });
      this.videos = data.imgCollection.filter((v) => {
        return v.fileType == 3;
      });
      this.fileList = data.imgCollection.filter((v) => {
        return v.fileType == 2;
      });
      this.imgLength = this.imgs.length;
      if (data.act.id == "" || data.act.id == undefined) {
        this.activity = false;
      } else {
        this.activity = true;
      }
      if (data.goodsInfo.id == "" || data.goodsInfo.id == undefined) {
        this.goods = false;
      } else {
        this.goods = true;
      }
      // console.log(data)
      //分享功能
      let that = this;
      this.request({
        url: "h5/login/jsapiSignature",
        method: "POST",
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7, //post一定要带这个header，被这里坑了半天
        },
        data: {
          url: window.location.href.split("#")[0],
        },
      }).then((res) => {
        if (res.statusCode == 200) {
          jweixin.config({
            debug: false,
            appId: res.data.appId, // 必填，公众号的唯一标识
            timestamp: res.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
            signature: res.data.signature, // 必填，签名，见附录1
            jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"],
          });
          jweixin.ready(function () {
            // 判断封面
            if (data.goodsInfo.goodsImg) {
              //有商品
              var imgP = data.goodsInfo.goodsImg;
            } else {
              //视频
              var arr_v = data.imgCollection.filter((v) => {
                return v.fileType == 3;
              });
              // 图片
              var arr_v1 = data.imgCollection.filter((v) => {
                return v.fileType == 1;
              });
              if (arr_v.length != 0) {
                //视频
                var imgP = arr_v[0].firstUrl;
              } else if (arr_v1.length != 0 && arr_v.length == 0) {
                //图片
                var imgP = arr_v1[0].fileUrl;
              } else if (arr_v.length == 0 && arr_v1.length == 0) {
                var imgP = data.orgUrl;
                // var imgP = "https://img.yiqilaiwang.com/yqlwlogo.png";
              }
            }
            //判断标题
            var arr_v2 = data.imgCollection.filter((v) => {
              return v.fileType == 2;
            });
            if (data.content.length >= 30) {
              var teiTitle = data.content.substring(0, 30) + "...";
            } else if (data.content.length > 0 && data.content.length < 30) {
              if (arr_v2.length > 0) {
                var teiTitle = data.content + " [文件] " + arr_v2[0].fileName;
              } else {
                var teiTitle = data.content;
              }
            } else if (data.content.length == 0 && arr_v2.length > 0) {
              var teiTitle = "[文件] " + arr_v2[0].fileName;
            } else {
              var teiTitle = "我在商业精英人脉圈发布了有趣的图片微帖，来看看吧";
            }
            //判断内容
            // if (data.content.indexOf("\n") != -1) {
            // 	var tieContent = data.content.substring(
            // 		data.content.lastIndexOf("\n") + 1
            // 	);
            // } else if (data.content == "") {
            // 	var tieContent = "";
            // } else {
            // 	var tieContent = data.content;
            // }
            var tieContent = data.userName + "发布了一条微帖，邀请你来看";
            //自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）
            var urlLink =
              that.globalData.domain +
              "/pages/index/trickDetail?id=" +
              data.id +
              "&isShare=1";
            jweixin.updateAppMessageShareData({
              title: teiTitle, //分享标题
              desc: tieContent, // 分享描述
              link: urlLink, //分享链接
              imgUrl: imgP, //分享图标
              success: function () {
                // 用户确认分享后执行的回调函数
                that.shareTO();
              },
              cancel: function () {
                // 用户取消分享后执行的回调函数
              },
            });
            //自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）
            jweixin.updateTimelineShareData({
              title: teiTitle, //分享标题
              desc: tieContent, // 分享描述
              link: urlLink, //分享链接
              imgUrl: imgP, //分享图标
              success: function () {
                // 用户确认分享后执行的回调函数
                // that.shareTO()
              },
              cancel: function () {
                // 用户取消分享后执行的回调函数
              },
            });
          });
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    closeShare() {
      this.isShare = false;
    },
    // 去帖子评论列表
    toPinlun(id) {
      uni.navigateTo({
        url: "/pages/index/trickDetail?id=" + id + "&type=3",
      });
    },
    // 去帖子赞列表
    toZan(id) {
      uni.navigateTo({
        url: "/pages/index/trickDetail?id=" + id + "&type=2",
      });
    },
    // 创建成功后编辑圈子资料
    toBianji() {
      this.zhezhao = false;
      uni.navigateTo({
        url: "/pages/index/chargeManage?id=" + this.id + "&code=1",
      });
    },
    // 圈子编辑资料
    goBianji(id, index) {
      if (this.isShare == 1) {
        uni.redirectTo({
          url:
            "/pages/circle/joinCircle?id=" +
            this.id +
            "&listId=" +
            id +
            "&index=" +
            index +
            "&isUser=1" +
            "&isShare=1" +
            "&isUserFriendsPay=" +
            this.qzDataList.isUserFriendsPay,
        });
      } else {
        uni.redirectTo({
          url:
            "/pages/circle/joinCircle?id=" +
            this.id +
            "&listId=" +
            id +
            "&index=" +
            index +
            "&isUser=1" +
            "&isUserFriendsPay=" +
            this.qzDataList.isUserFriendsPay,
        });
      }
    },
    back() {
      let ios = uni.getStorageSync("ios");
      if (this.goAdd || ios == 1) {
        uni.removeStorageSync("ios");
        window.history.go(-2);
      } else if (this.back1 || this.welcomeNewMemberShare == 2) {
        uni.navigateTo({
          url: "/pages/index/index",
        });
      } else {
        window.history.go(-1);
        // uni.navigateBack({
        // 	delta: 1,
        // });
      }
    },
    handleCall(phone, isTelphone) {
      //点击拨打电话
      let phoneH = /^(((1[0-9][0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
      if (phone == "" || isTelphone == 1) {
        this.wuPhone = true;
        // uni.showToast({
        // 	title: "暂无电话",
        // 	duration: 2000,
        // 	icon: "none",
        // });
        return;
      } else if (!phoneH.test(phone)) {
        this.wuPhone = true;
        return;
      } else {
        uni.makePhoneCall({
          phoneNumber: phone, //仅为示例
        });
      }
    },
    toCard(id) {
      console.log("1111");
      uni.navigateTo({
        url: "/pages/index/personal?id=" + id,
      });
    },
    toManagement() {
      uni.navigateTo({
        url: "/pages/index/chargeManage?id=" + this.id + "&code=1",
      });
    },
    tabSwitch2(ind) {
      this.index2 = ind;
      if (ind == 0) {
        this.weitie();
        uni.pageScrollTo({
          scrollTop: 0,
          duration: 0,
        });
      } else if (ind == 1) {
        this.jinghua();
        uni.pageScrollTo({
          scrollTop: 0,
          duration: 0,
        });
      } else if (ind == 2) {
        this.huodong();
        uni.pageScrollTo({
          scrollTop: 0,
          duration: 0,
        });
      } else if (ind == 3) {
        this.wendang();
        uni.pageScrollTo({
          scrollTop: 0,
          duration: 0,
        });
      }
    },
    tabSwitch3(ind) {
      this.index3 = ind;
      if (ind == 0) {
        this.shangji();
        uni.pageScrollTo({
          scrollTop: 0,
          duration: 0,
        });
      } else if (ind == 1) {
        this.shangpin();
        uni.pageScrollTo({
          scrollTop: 0,
          duration: 0,
        });
      }
    },
    tabSwitch(ind) {
      this.index = ind;
      if (ind == 0) {
        this.qzcyData();
        uni.pageScrollTo({
          scrollTop: 0,
          duration: 0,
        });
      } else if (ind == 1) {
        this.weitie();
        uni.pageScrollTo({
          scrollTop: 0,
          duration: 0,
        });
      } else if (ind == 2) {
        this.shangji();
        uni.pageScrollTo({
          scrollTop: 0,
          duration: 0,
        });
      }
    },
    closeZhezhao() {
      this.zhezhao = false;
    },
    closeShow() {
      this.is_show = false;
      if (this.index == 0) {
        this.weitieList.forEach((v) => {
          v.is_show = false;
        });
        this.shangjiList.forEach((v) => {
          v.is_show = false;
        });
      } else if (this.index == 1 && this.index2 == 0) {
        this.weitieList.forEach((v) => {
          v.is_show = false;
        });
      } else if (this.index == 2 && this.index3 == 0) {
        this.shangjiList.forEach((v) => {
          v.is_show = false;
        });
      } else if (this.index == 1 && this.index2 == 3) {
        this.wendangList.forEach((v) => {
          v.is_show = false;
        });
      } else if (this.index == 2 && this.index3 == 1) {
        this.shangpinList.forEach((v) => {
          v.is_show = false;
        });
      } else if (this.index == 1 && this.index2 == 2) {
        this.huodongList.forEach((v) => {
          v.is_show = false;
        });
      } else if (this.index == 1 && this.index2 == 1) {
        this.jinghuaList.forEach((v) => {
          v.is_show = false;
        });
      }
    },
  },
};
</script>

<style lang="less" scoped>
* {
  padding: 0;
  margin: 0;
}
.v {
  width: 36rpx;
  height: 36rpx;
  position: absolute;
  right: -5rpx;
  bottom: -5rpx;
}

.main {
  padding-bottom: 240rpx;
}

.lhzheZhao {
  position: fixed;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;

  .modal {
    position: relative;
    background-color: #fff;
    border-radius: 8rpx;
    width: 520rpx;
    height: 300rpx;
    box-sizing: border-box;
    padding: 0 40rpx;
    padding-top: 30rpx;

    .tishi {
      width: 100%;
      text-align: center;
      font-size: 40rpx;
      font-family: PingFang SC;
      font-weight: bold;
    }

    .text {
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: rgba(49, 49, 49, 1);
      width: 100%;
      margin-top: 30rpx;
    }

    .btn_ {
      // position: absolute;
      // bottom: 0;
      height: 85rpx;
      border-top: 2rpx solid #eee;
      width: 100%;
      display: flex;
      margin-top: 20rpx;

      .left {
        width: 100%;
        height: 85rpx;
        line-height: 85rpx;
        text-align: center;
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #0476fc;
      }
    }
  }
}

.haibaozhezhao {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 998;
  background: rgba(0, 0, 0, 0.4);
  overflow: auto;

  .popup {
    width: 678rpx;
    // height: 800rpx;
    margin-top: 100rpx;
    margin-left: 36rpx;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 80rpx;
  }

  .gb {
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    right: 0;
    top: -64rpx;
  }

  .haibao {
    width: 678rpx;
    // height: 893rpx;
    // border: 2px solid rgba(255,255,255,0.13);

    box-sizing: border-box;
    position: relative;

    .type {
      width: 61rpx;
      height: 99rpx;
      position: absolute;
      top: 0;
      right: 22rpx;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .haibao_header {
      width: 100%;
      padding: 43rpx 0;
      padding-right: 83rpx;
      display: flex;
      align-items: center;
      box-sizing: border-box;

      img {
        width: 43rpx;
        height: 43rpx;
        border-radius: 4rpx;
        margin-right: 14rpx;
      }

      text {
        font-size: 25rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
      }
    }

    .content {
      width: 100%;
      // height: 517rpx;
      background-color: #ffffff;
      padding: 36rpx 33rpx;
      box-sizing: border-box;

      .content_top {
        display: flex;

        img {
          width: 80rpx;
          height: 80rpx;
          border-radius: 4rpx;
          margin-right: 18rpx;
        }

        .right {
          display: flex;
          flex-direction: column;
          justify-content: space-between;

          .name {
            opacity: 1;
            font-size: 29rpx;
            font-family: PingFangSC, PingFangSC-Semibold;
            font-weight: 600;
            text-align: left;
            color: #111111;
          }

          .time {
            opacity: 1;
            font-size: 22rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: left;
            color: #999999;
          }
        }
      }

      .text {
        font-size: 29rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        color: #111111;
        text-align: justify;
        line-height: 43rpx;
        margin: 33rpx 0;
        word-break: normal;
        word-break: break-all;
        word-warp: break-word;
        white-space: pre-wrap;
        letter-spacing: 0.03rem;

        & * {
          text-align: justify !important;
          letter-spacing: 0.03rem !important;
        }

        & *:after {
          content: "";
          width: 100%;
          display: inline-block;
          height: 0;
        }
      }

      .active2 {
        width: 100%;
        height: 127rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        padding: 18rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;

        .left {
          display: flex;

          img {
            width: 90rpx;
            height: 90rpx;
            margin-right: 18rpx;
          }

          .huodong {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            max-width: 280rpx;
            .title {
              font-size: 25rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              // display: -webkit-box;
              // -webkit-box-orient: vertical;
              // -webkit-line-clamp: 1;
              // overflow: hidden;
            }

            .time {
              font-size: 22rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #999999;
            }
          }
        }
        .right {
          display: flex;
          align-items: center;
          padding-right: 7rpx;
          .gang {
            width: 1rpx;
            height: 23rpx;
            background-color: #bbbbbb;
            margin-right: 25rpx;
          }
          text {
            font-size: 28rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #0f6ede;
          }
        }
      }

      .shop {
        width: 100%;
        height: 127rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        padding: 18rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;

        .left {
          display: flex;

          img {
            width: 90rpx;
            height: 90rpx;
            margin-right: 18rpx;
          }

          .shangpin {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            max-width: 280rpx;
            .title {
              font-size: 25rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              // display: -webkit-box;
              // -webkit-box-orient: vertical;
              // -webkit-line-clamp: 1;
              // overflow: hidden;
            }

            .jiage {
              font-size: 22rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #db361f;
            }
          }
        }
        .right {
          display: flex;
          align-items: center;
          padding-right: 7rpx;
          .gang {
            width: 1rpx;
            height: 23rpx;
            background-color: #bbbbbb;
            margin-right: 25rpx;
          }
          text {
            font-size: 28rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #0f6ede;
          }
        }
      }

      .sj {
        font-size: 22rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: left;
        color: #999999;

        .sj1 {
          margin-right: 20rpx;
        }
      }

      .wj {
        width: 100%;
        height: 126rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        padding: 18rpx;
        margin-bottom: 20rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;

        .left {
          height: 127rpx;
          display: flex;
          align-items: center;

          img {
            width: 90rpx;
            height: 90rpx;
            margin-right: 18rpx;
          }

          .name {
            font-size: 25rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: justify;
            color: #111111;
            line-height: 37rpx;
            word-break: break-all;
            word-warp: break-word;
            // display: -webkit-box;
            // -webkit-box-orient: vertical;
            // -webkit-line-clamp: 2;
            // overflow: hidden;
          }
        }
      }
      .wj:last-child {
        margin-bottom: 0;
      }

      .weitie {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 12rpx;
        .moreImg {
          width: 180rpx;
          height: 180rpx;
          margin-right: 14rpx;
          margin-bottom: 14rpx;
          position: relative;
          overflow: hidden;

          img {
            min-width: 180rpx;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
          }
        }

        .moreImg:nth-child(3n) {
          margin-right: 0;
        }

        .oneImage {
          width: 100%;
          height: 100%;
          // height:auto;
        }

        .video {
          position: relative;

          image {
            width: 570rpx;
            height: 340rpx;
          }

          .bofang {
            width: 70rpx;
            height: 70rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -35rpx;
            margin-top: -35rpx;
          }
        }
      }
    }

    .ewm {
      width: 90rpx;
      height: 90rpx;
      margin-top: 43rpx;
      margin-bottom: 14rpx;
      margin-left: 274rpx;
    }

    .bottom {
      //    opacity: 0.54;
      // filter:alpha(opacity=54);
      font-size: 20rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: center;
      color: #8ab8ee;
      line-height: 28rpx;

      .bottom_ {
        margin-top: 3rpx;
      }
    }
  }

  .btn {
    width: 750rpx;
    height: 80rpx;
    text-align: center;
    line-height: 80rpx;
    opacity: 1;
    font-size: 32rpx;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #111111;
    position: fixed;
    bottom: -1rpx;
    left: 0;
    background-color: #ffffff;
  }
}

.fenxiang_ {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);

  .footer_content {
    position: absolute;
    bottom: -2rpx;
    left: 0;
    width: 750rpx;
    height: 200rpx;
    opacity: 1;
    background: #f7f7f7;
    display: flex;
    padding-top: 28rpx;
    justify-content: center;

    // align-items: center;
    .item_ {
      display: flex;
      flex-direction: column;
      align-items: center;

      image {
        width: 100rpx;
        height: auto;
      }

      text {
        font-size: 26rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        // text-align: left;
        color: #111111;
      }
    }

    .item_imgShare {
      padding: 0 112rpx;
    }
  }

  .content_ {
    width: 690rpx;
    height: 200rpx;
    background: #ffffff;
    border-radius: 8rpx;
    position: absolute;
    top: 30rpx;
    left: 32rpx;
    padding: 46rpx 32rpx;
    padding-right: 56rpx;
    box-sizing: border-box;
    z-index: 99999;
    display: flex;
    justify-content: space-between;

    .left_ {
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      .one_ {
        font-size: 36rpx;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500;
        // text-align: center;
        color: #000000;
      }

      .two_ {
        font-size: 32rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        // text-align: center;
        color: #999999;
      }
    }

    .right_ {
      height: 69rpx;
      width: 70rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }
  }
}

.wuPhone {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);

  .center {
    width: 540rpx;
    height: 385rpx;
    background: #ffffff;
    border-radius: 16rpx;
    position: absolute;
    top: 30vh;
    left: 50%;
    transform: translateX(-50%);
    padding: 40rpx;
    padding-top: 80rpx;
    box-sizing: border-box;

    // text-align: center;
    > image {
      position: absolute;
      top: 30rpx;
      right: 30rpx;
      width: 23rpx;
      height: 23rpx;
    }

    .text {
      font-size: 32rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: justify;
      color: #111111;
      line-height: 45rpx;
    }

    .but {
      margin-top: 55rpx;
      width: 460rpx;
      height: 80rpx;
      background: #0f6ede;
      border-radius: 8rpx;
      line-height: 80rpx;
      text-align: center;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #ffffff;
    }

    .close {
      width: 38rpx;
      height: 38rpx;
      position: absolute;
      top: 30rpx;
      right: 30rpx;
    }
  }
}

.shiming {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);

  .center {
    width: 614rpx;
    height: 410rpx;
    background: #ffffff;
    border-radius: 8rpx;
    position: absolute;
    top: 30vh;
    left: 50%;
    transform: translateX(-50%);
    padding: 101rpx 24rpx 36rpx 24rpx;
    box-sizing: border-box;

    // text-align: center;
    > image {
      position: absolute;
      top: 30rpx;
      right: 30rpx;
      width: 23rpx;
      height: 23rpx;
    }

    .text {
      font-size: 36rpx;
      font-family: PingFangSC, PingFangSC-Medium;
      font-weight: 500;
      text-align: center;
      color: #111111;
      line-height: 50rpx;
    }

    .but {
      margin-top: 93rpx;
      width: 100%;
      height: 80rpx;
      background: #0f6ede;
      border-radius: 8rpx;
      line-height: 80rpx;
      text-align: center;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      font-size: 30rpx;
      color: #ffffff;
    }
    .toapp_ {
      width: 566rpx;
      height: 80rpx;
      background: #0f6ede;
      border-radius: 8rpx;
      line-height: 80rpx;
      text-align: center;
      font-size: 30rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #ffffff;
      position: relative;
      margin-top: 93rpx;
    }

    .close {
      width: 38rpx;
      height: 38rpx;
      position: absolute;
      top: 30rpx;
      right: 30rpx;
    }
  }
}

.wu {
  width: 100%;
  height: 666rpx;
  text-align: center;
  line-height: 666rpx;
}

.zhezhao {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9;
  background: rgba(0, 0, 0, 0.4);

  .center {
    width: 614rpx;
    height: 986rpx;
    background: #ffffff;
    opacity: 1;
    border-radius: 8rpx;
    position: absolute;
    top: 50vh;
    left: 68rpx;
    margin-top: -498rpx;
    text-align: center;
    box-sizing: border-box;

    .text {
      font-size: 32rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #111111;
      margin-top: 60rpx;
    }

    .gou {
      width: 144rpx;
      height: 144rpx;
      margin-top: 105rpx;
    }

    .ok {
      font-size: 36rpx;
      font-family: PingFangSC, PingFangSC-Medium;
      font-weight: 500;
      color: #111111;
      margin-top: 39rpx;
    }

    .guanzhu {
      font-size: 32rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #999999;
      margin-top: 30rpx;
    }

    .ewm {
      width: 308rpx;
      height: 308rpx;
      margin-top: 30rpx;
    }

    .close {
      width: 38rpx;
      height: 38rpx;
      position: absolute;
      top: 30rpx;
      right: 30rpx;
    }
  }

  .jiantou {
    width: 614rpx;
    // height: 474rpx;
    background: #ffffff;
    opacity: 1;
    border-radius: 8rpx;
    position: absolute;
    top: 50vh;
    left: 68rpx;
    margin-top: -237rpx;
    text-align: center;
    padding: 60rpx 24rpx 36rpx 24rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;

    .t1 {
      font-size: 36rpx;
      font-family: PingFangSC, PingFangSC-Medium;
      font-weight: bold;
      text-align: center;
      color: #111111;
    }

    .t2 {
      max-height: 170rpx;
      font-size: 32rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: justify;
      color: #111111;
      overflow-y: auto;
      margin-top: 24rpx;
      margin-bottom: 50rpx;
      // display: -webkit-box;
      // -webkit-box-orient: vertical;
      // -webkit-line-clamp: 3;
      // overflow: hidden;
    }

    .but {
      width: 566rpx;
      height: 80rpx;
      background: #0f6ede;
      border-radius: 8rpx;
      font-size: 30rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: center;
      color: #ffffff;
      line-height: 80rpx;
    }

    .close {
      width: 38rpx;
      height: 38rpx;
      position: absolute;
      top: 30rpx;
      right: 30rpx;
    }
  }

  .createQz {
    width: 100%;
    height: 811rpx;
    background: #ffffff;
    opacity: 1;
    border-radius: 40rpx 40rpx 0px 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    box-sizing: border-box;

    .text {
      font-size: 32rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #999999;
      margin-top: 60rpx;
      margin-bottom: 95rpx;
      line-height: 48rpx;
    }

    .gou {
      width: 144rpx;
      height: 144rpx;
      margin-top: 105rpx;
    }

    .ok {
      font-size: 36rpx;
      font-family: PingFangSC, PingFangSC-Medium;
      font-weight: 500;
      color: #111111;
      margin-top: 39rpx;
    }

    .bianji {
      width: 192rpx;
      height: 72rpx;
      text-align: center;
      line-height: 72rpx;
      background: #0f6ede;
      border-radius: 8rpx;
      font-size: 30rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #ffffff;
      margin: 0 auto;
    }

    .close {
      position: absolute;
      top: 40rpx;
      left: 36rpx;
      font-size: 32rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #999999;
    }
  }

  .createQz1 {
    width: 100%;
    height: 518rpx;
    background: #ffffff;
    opacity: 1;
    border-radius: 40rpx 40rpx 0px 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    box-sizing: border-box;

    .text {
      font-size: 32rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #999999;
      margin-top: 160rpx;
      margin-bottom: 80rpx;
      line-height: 48rpx;
    }

    .text1 {
      font-size: 32rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #999999;
      margin-top: 160rpx;
      margin-bottom: 80rpx;
      line-height: 48rpx;

      text {
        color: #111111;
        font-weight: 600;
      }
    }

    .bianji {
      width: 192rpx;
      height: 72rpx;
      text-align: center;
      line-height: 72rpx;
      background: #0f6ede;
      border-radius: 8rpx;
      font-size: 30rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #ffffff;
      margin: 0 auto;
    }

    .close {
      position: absolute;
      top: 40rpx;
      left: 36rpx;
      font-size: 32rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #999999;
    }
  }
}

.header {
  width: 100%;
  height: 362rpx;
  background: url(../../images/circle/background.png);
  background-size: 100% 100%;

  .top {
    width: 100%;
    height: 103rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30rpx;
    box-sizing: border-box;

    .top_r {
      display: flex;
      align-items: center;
      font-size: 28rpx;
      font-family: PingFangSC, PingFangSC-Medium;
      font-weight: 500;
      color: #ffffff;

      .right_img {
        width: 64rpx;
        height: 64rpx;
      }
    }

    .left_img {
      width: 40rpx;
      height: 40rpx;
    }
  }

  .bottom {
    display: flex;
    margin-top: 40rpx;
    padding: 0 36rpx;

    .left {
      height: 150rpx;
      margin-right: 30rpx;

      image {
        width: 148rpx;
        height: 148rpx;
        border: 2rpx solid rgba(255, 255, 255, 0.26);
        border-radius: 12rpx;
        box-shadow: 0rpx 18rpx 18rpx -12rpx rgba(17, 17, 17, 0.15);
      }
    }

    .right {
      height: 150rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      .orgName {
        font-size: 44rpx;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500;
        color: #ffffff;
        display: flex;
        align-items: center;

        image {
          width: 42rpx;
          height: 42rpx;
        }

        .contetnt_ {
          display: inline-block;
          // width: 450rpx;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
        }
      }

      .name {
        font-size: 24rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        color: #ffffff;
		display: flex;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
      }

      .label {
        // margin-top: 10rpx;
        .text {
          height: 38rpx;
          padding: 0 8rpx;
          background: rgba(240, 247, 255, 0.14);
          border-radius: 8rpx;
          margin-right: 12rpx;
          font-size: 24rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          color: #ffffff;
        }
      }
    }
  }
}

.yin {
  width: 750rpx;
  height: 14rpx;
  background: #f5f5f5;
}

.greet {
  width: 100%;
  padding: 0 36rpx;
  box-sizing: border-box;

  .tcxq {
    width: 100%;
    background: #f7f7f7;
    border-radius: 4rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20rpx;
    box-sizing: border-box;
    font-size: 24rpx;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #111111;
    margin-bottom: 30rpx;

    .tc {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;

      text {
        margin-right: 20rpx;
      }
    }

    .xq {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      margin-top: 10rpx;

      text {
        margin-right: 20rpx;
      }
    }
  }

  .list_bottom {
    width: 100%;
    height: 74rpx;
    padding: 20rpx;
    background: #f7f7f7;
    border-radius: 4rpx;
    font-size: 24rpx;
    font-family: PingFangSC, PingFangSC-Regular;
    color: #111111;

    display: flex;
    white-space: nowrap;
    box-sizing: border-box;

    // .tc1 text {
    // 	margin-right: 18rpx;
    // }

    // .tc1 {
    // 	margin-right: 35rpx;
    // 	background: #f7f7f7;
    // }

    // .xq text {
    // 	margin-right: 18rpx;
    // }
  }

  .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 37rpx;
    padding-bottom: 20rpx;
    border-bottom: 1rpx solid #dddddd;

    .t1 {
      font-size: 36rpx;
      font-family: PingFangSC, PingFangSC-Semibold;
      font-weight: bold;
      color: #111111;
    }

    .t2 {
      font-size: 28rpx;
      font-family: PingFangSC, PingFangSC-Medium;
      font-weight: 500;
      color: #0f6ede;
    }
  }

  .center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 36rpx 0 28rpx 0;

    .left {
      display: flex;

      .tou {
        width: 88rpx;
        height: 88rpx;
        position: relative;
        margin-right: 20rpx;

        .touxiang {
          width: 88rpx;
          height: 88rpx;
          border-radius: 4rpx;
        }

        .level {
          width: 26rpx;
          height: 26rpx;
          position: absolute;
          bottom: -8rpx;
          right: -8rpx;
        }
      }

      .abstract {
        height: 88rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .abstract_top {
          display: flex;
          align-items: center;

          .name {
            display: inline-block;
            max-width: 250rpx;
            font-size: 32rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: bold;
            color: #111111;
            line-height: 45rpx;
            margin-right: 18rpx;
            word-break: break-all;
            word-warp: break-word;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
          }
        }

        .phone,
        .bott {
          font-size: 24rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          color: #999999;
          line-height: 33rpx;
        }

        .bott {
          display: flex;
          align-items: center;

          .company {
            max-width: 196rpx;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
          }
        }

        .position {
          margin: 0 30rpx;
        }
      }
    }
  }

  // .tc {
  //   width: 100%;
  //   display: flex;
  //   flex-wrap: wrap;
  //   align-items: center;
  //   background: #f7f7f7;
  //   border-radius: 4rpx;
  //   margin-bottom: 28rpx;
  //   padding: 20rpx 20rpx;
  //   box-sizing: border-box;

  //   .tc1 {
  //     margin-right: 60rpx;
  //   }

  //   text {
  //     font-size: 24rpx;
  //     font-family: PingFangSC, PingFangSC-Regular;
  //     color: #111111;
  //   }
  // }

  .greet_bottom {
    height: 43rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28rpx;

    .bottom_left {
      height: 43rpx;
      display: flex;
      align-items: center;
      position: relative;

      .imgs {
        width: 43rpx;
        height: 43rpx;
        border-radius: 50%;
        border: 2rpx solid #ffffff;
      }

      .huan {
        display: flex;
        align-items: center;
      }

      .huanying {
        width: 32rpx;
        height: 32rpx;
      }

      text {
        font-size: 24rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        color: #111111;
      }

      .text1 {
        margin-right: 12rpx;
        margin-left: 17rpx;
      }
    }

    .bottom_right {
      display: flex;
      align-items: center;

      image {
        width: 32rpx;
        height: 32rpx;
      }
    }
  }
}

.content {
  padding: 0 36rpx;
  box-sizing: border-box;

  .tab {
    width: 100%;
    // height: 69rpx;
    display: flex;
    justify-content: space-between;
    // align-items: center;
    padding-top: 37rpx;
    font-size: 36rpx;
    font-family: PingFangSC, PingFangSC-Semibold;
    font-weight: bold;
    color: #111111;
    background-color: #ffffff;
    position: -webkit-sticky;
    position: sticky;
    top: var(--window-top);
    z-index: 6;
    box-sizing: border-box;
    text {
      display: inline-block;
      height: 69rpx;
      margin-right: 102rpx;
    }

    .active {
      border-bottom: 7rpx solid #0f6ede;
      color: #0f6ede;
    }
    image {
      width: 40rpx;
      height: 40rpx;
      margin-top: 5rpx;
    }
  }

  // .tab text:last-child{
  // 	margin-right: 0;
  // }
  .wtTab {
    position: -webkit-sticky;
    position: sticky;
    background-color: #ffffff;
    top: 110rpx;
    z-index: 6;
    .tab1 {
      padding-top: 25rpx;
      padding-bottom: 14rpx;
      text {
        display: inline-block;
        width: 80rpx;
        height: 44rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        font-size: 28rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: center;
        color: #666666;
        line-height: 44rpx;
        margin-right: 35rpx;
      }
      .active2 {
        font-weight: bold;
        color: #111111;
      }
    }
  }
  .sjTab {
    position: -webkit-sticky;
    position: sticky;
    background-color: #ffffff;
    top: 111rpx;
    z-index: 6;
    .tab1 {
      padding-top: 25rpx;
      padding-bottom: 14rpx;
      text {
        display: inline-block;
        width: 80rpx;
        height: 44rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        font-size: 28rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: center;
        color: #666666;
        line-height: 44rpx;
        margin-right: 35rpx;
      }
      .active3 {
        font-weight: bold;
        color: #111111;
      }
    }
  }
  .rm {
    .member {
      .list {
        padding: 46rpx 0;
        border-bottom: 1rpx solid #dddddd;
        box-sizing: border-box;

        .tcxq {
          width: 100%;
          // height: 120rpx;
          background: #f7f7f7;
          border-radius: 4rpx;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding: 20rpx;
          box-sizing: border-box;
          font-size: 24rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          color: #111111;
          margin: 28rpx 0;

          .tc {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;

            text {
              margin-right: 20rpx;
            }
          }

          .xq {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            margin-top: 10rpx;

            text {
              margin-right: 20rpx;
            }
          }
        }

        .list_top {
          display: flex;
          justify-content: space-between;
          align-items: center;

          .left {
            display: flex;

            .tou {
              width: 88rpx;
              height: 88rpx;
              position: relative;
              margin-right: 20rpx;

              .touxiang {
                width: 88rpx;
                height: 88rpx;
                border-radius: 4rpx;
              }

              .level {
                width: 26rpx;
                height: 26rpx;
                position: absolute;
                bottom: -8rpx;
                right: -8rpx;
              }
            }

            .abstract {
              height: 88rpx;
              display: flex;
              flex-direction: column;
              justify-content: space-between;

              .abstract_top {
                display: flex;
                align-items: center;

                .name {
                  display: inline-block;
                  max-width: 150rpx;
                  font-size: 32rpx;
                  font-family: PingFangSC, PingFangSC-Regular;
                  font-weight: bold;
                  color: #111111;
                  line-height: 45rpx;
                  margin-right: 18rpx;
                  word-break: break-all;
                  word-warp: break-word;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 1;
                  overflow: hidden;
                }

                .activeName {
                  font-size: 32rpx;
                  font-family: PingFangSC, PingFangSC-Regular;
                  font-weight: 400;
                  color: #111111;
                  line-height: 45rpx;
                  margin-right: 18rpx;
                  word-break: break-all;
                  word-warp: break-word;
                }

                .zhu {
                  // border: 2rpx solid #0f6ede;
                  // border-radius: 4rpx;
                  // font-size: 16rpx;
                  // font-family: PingFangSC, PingFangSC-Medium;
                  // font-weight: 500;
                  // color: #0f6ede;
                  // text-align: center;
                  // line-height: 22rpx;
                  width: 38rpx;
                  height: 23rpx;
                  margin-right: 23rpx;
                }
              }

              .phone,
              .bott {
                font-size: 24rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                color: #999999;
                line-height: 33rpx;
              }

              .bott {
                display: flex;
                align-items: center;

                .company {
                  max-width: 196rpx;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 1;
                  overflow: hidden;
                }
              }

              .position {
                margin: 0 30rpx;
              }
            }
          }

          .right {
            display: flex;
            align-items: center;

            .phone {
              width: 30rpx;
              height: 30rpx;
              margin-right: 34rpx;
            }

            .card {
              width: 38rpx;
              height: 30rpx;
            }

            text {
              font-size: 28rpx;
              font-family: PingFangSC, PingFangSC-Medium;
              font-weight: 500;
              color: #0f6ede;
            }
          }
        }

        .list_bottom {
          width: 100%;
          height: 74rpx;
          padding: 20rpx;
          background: #f7f7f7;
          border-radius: 4rpx;
          font-size: 24rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          color: #111111;

          display: flex;
          white-space: nowrap;
          box-sizing: border-box;

          .tc1 text {
            margin-right: 18rpx;
          }

          .tc1 {
            margin-right: 35rpx;
            background: #f7f7f7;
          }

          .xq text {
            margin-right: 18rpx;
          }
        }
      }

      .list:last-child {
        border-bottom: none;
      }
    }

    .noConcern {
      width: 100%;
      height: 178rpx;
      margin-top: 34rpx;

      image {
        width: 100%;
        height: 178rpx;
      }
    }
  }

  .wt {
    .post {
      border-bottom: 1rpx solid #dddddd;
      padding: 28rpx 0 24rpx 0;
      box-sizing: border-box;

      .post_top {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .top_left {
          display: flex;
          align-items: center;

          image {
            width: 88rpx;
            height: 88rpx;
            border-radius: 4rpx;
            margin-right: 20rpx;
          }

          .xinxi {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 88rpx;
            box-sizing: border-box;

            .from {
              display: flex;

              .company {
                max-width: 200rpx;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
              }
              .zhiwu {
                max-width: 200rpx;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
              }
            }

            .name {
              font-size: 30rpx;
              font-family: PingFangSC, PingFangSC-Medium;
              font-weight: 500;
              color: #111111;
            }

            text {
              font-size: 24rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #999999;
              margin-right: 18rpx;
            }
          }
        }

        .top_right {
          position: relative;
          width: 34rpx;
          height: 34rpx;
          display: flex;
          align-items: center;

          image {
            width: 100%;
            height: 100%;
          }

          .three6 {
            position: absolute;
            top: 50rpx;
            right: -6rpx;
            width: 180rpx;
            background-color: #fff;
            border-radius: 10rpx;
            padding: 0 20rpx;
            box-sizing: border-box;
            z-index: 11;

            .one1 {
              padding: 15rpx 0;
              font-size: 28rpx;
              width: 100%;
              text-align: center;
              border-bottom: 2rpx solid #eee;
            }

            .jiao {
              height: 0;
              width: 0;
              border-bottom: 15rpx solid #fff;
              border-left: 7.5rpx solid transparent;
              border-right: 7.5rpx solid transparent;
              position: absolute;
              right: 16rpx;
              top: -15rpx;
            }
          }
        }
      }

      .post_center {
        font-size: 30rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        color: #111111;
        line-height: 40rpx;
        margin-top: 24rpx;
        margin-bottom: 24rpx;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;

        .quan {
          display: inline-block;
          margin-left: 10rpx;
          font-size: 30rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #2168eb;
          line-height: 30rpx;
        }

        .zhiding {
          width: 46rpx;
          height: 25rpx;
          margin-right: 10rpx;
        }

        .jing {
          width: 26rpx;
          height: 26rpx;
          margin-right: 10rpx;
        }
      }

      // .imags{
      // 	image{
      // 		width: 100%;
      // 		height: 380rpx;
      // 		border-radius: 4rpx;
      // 	}
      // }
      // .imags2{
      // 	image{
      // 		width: 220rpx;
      // 		height: 220rpx;
      // 		border-radius: 8rpx;
      // 		margin-right: 8rpx;
      // 	}
      // }
      // .imags2 image:nth-child(3n){
      // 	margin-right: 0;
      // }
      // 图片
      .imgs {
        // height: 220rpx;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        // justify-content: space-between;
        overflow: hidden;
        margin-bottom: 28rpx;
        position: relative;

        .text_file {
          width: 100%;
          height: 116rpx;
          background: #f7f7f7;
          border-radius: 4rpx;
          display: flex;
          align-items: center;
          padding: 18rpx;
          box-sizing: border-box;
          image {
            width: 80rpx;
            height: 80rpx;
            margin-right: 20rpx;
          }

          text {
            font-size: 28rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: justify;
            color: #111111;
            line-height: 36rpx;
            max-width: 560rpx;
            word-break: break-all;
            word-warp: break-word;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
          }
        }

        .image {
          margin-top: 10rpx;
          width: 220rpx;
          height: 220rpx;
          border-radius: 8rpx;
          margin-right: 8rpx;
        }

        .image:nth-child(3n) {
          margin-right: 0;
        }

        .myImage {
          width: 678rpx;
          height: 412rpx;
          border-radius: 8rpx;
        }

        .shipin {
          position: relative;
          width: 678rpx;
          height: 380rpx;

          .myVideo {
            width: 678rpx;
            height: 380rpx;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 8rpx;
            z-index: 1;
          }

          .bofang {
            width: 80rpx;
            height: 80rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -40rpx;
            margin-top: -40rpx;
            z-index: 2;
          }
        }
      }
      .act {
        width: 100%;
        height: 116rpx;
        padding: 18rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .act_left {
          display: flex;
          image {
            width: 80rpx;
            height: 80rpx;
            margin-right: 14rpx;
          }
          .text {
            max-width: 410rpx;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .title {
              max-width: 410rpx;
              font-size: 28rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              overflow: hidden;
            }
            .time {
              font-size: 24rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              text-align: left;
              color: #999999;
            }
          }
        }
        .act_right {
          display: flex;
          align-items: center;
          .gang {
            width: 2rpx;
            height: 35rpx;
            background-color: #bbbbbb;
          }
          .join {
            margin-right: 10rpx;
            margin-left: 28rpx;
            font-size: 30rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #0f6ede;
          }
        }
      }
      .shop {
        width: 100%;
        height: 116rpx;
        padding: 18rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .shop_left {
          display: flex;
          image {
            width: 80rpx;
            height: 80rpx;
            margin-right: 14rpx;
          }
          .text {
            max-width: 410rpx;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .title {
              max-width: 410rpx;
              font-size: 28rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              overflow: hidden;
            }
            .jiage {
              .xianjia {
                font-size: 24rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                text-align: justify;
                color: #db361f;
                margin-right: 14rpx;
              }
              del {
                font-size: 24rpx;
                color: #999999;
              }
            }
          }
        }
        .shop_right {
          display: flex;
          align-items: center;
          .gang {
            width: 2rpx;
            height: 35rpx;
            background-color: #bbbbbb;
          }
          .buy {
            margin-right: 10rpx;
            margin-left: 28rpx;
            font-size: 30rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #0f6ede;
          }
        }
      }
      .post_bottom {
        height: 50rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 12rpx;

        .bottom_left {
          display: flex;

          // position: relative;
          text {
            font-size: 24rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #999999;
          }

          .t1 {
            margin-right: 20rpx;
          }
        }

        .bottom_right {
          height: 43rpx;
          display: flex;
          align-items: center;

          .zan {
            display: flex;
            align-items: center;
            margin-right: 57rpx;

            image {
              width: 40rpx;
              height: 40rpx;
            }

            text {
              font-size: 24rpx;
              color: #111111;
              margin-left: 4rpx;
            }
          }

          .pinlun {
            display: flex;
            align-items: center;
            margin-right: 57rpx;

            image {
              width: 40rpx;
              height: 40rpx;
            }

            text {
              font-size: 24rpx;
              color: #111111;
              margin-left: 10rpx;
            }
          }

          .fenxiang {
            width: 40rpx;
            height: 40rpx;
          }
        }
      }
    }

    .post:last-child {
      border-bottom: none;
    }
  }

  .sp {
    .post {
      border-bottom: 1rpx solid #dddddd;
      padding: 28rpx 0 24rpx 0;
      box-sizing: border-box;

      .post_top {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .top_left {
          display: flex;
          align-items: center;

          image {
            width: 88rpx;
            height: 88rpx;
            border-radius: 4rpx;
            margin-right: 20rpx;
          }

          .xinxi {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 88rpx;
            box-sizing: border-box;

            .from {
              display: flex;

              .company {
                max-width: 200rpx;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
              }
              .zhiwu {
                max-width: 200rpx;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
              }
            }

            .name {
              font-size: 30rpx;
              font-family: PingFangSC, PingFangSC-Medium;
              font-weight: 500;
              color: #111111;
            }

            text {
              font-size: 24rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #999999;
              margin-right: 18rpx;
            }
          }
        }

        .top_right {
          position: relative;
          width: 34rpx;
          height: 34rpx;
          display: flex;
          align-items: center;

          image {
            width: 100%;
            height: 100%;
          }

          .three6 {
            position: absolute;
            top: 50rpx;
            right: -6rpx;
            width: 180rpx;
            background-color: #fff;
            border-radius: 10rpx;
            padding: 0 20rpx;
            box-sizing: border-box;
            z-index: 11;

            .one1 {
              padding: 15rpx 0;
              font-size: 28rpx;
              width: 100%;
              text-align: center;
              border-bottom: 2rpx solid #eee;
            }

            .jiao {
              height: 0;
              width: 0;
              border-bottom: 15rpx solid #fff;
              border-left: 7.5rpx solid transparent;
              border-right: 7.5rpx solid transparent;
              position: absolute;
              right: 16rpx;
              top: -15rpx;
            }
          }
        }
      }

      .post_center {
        font-size: 30rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        color: #111111;
        line-height: 40rpx;
        margin-top: 24rpx;
        margin-bottom: 24rpx;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;

        .quan {
          display: inline-block;
          margin-left: 10rpx;
          font-size: 30rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #2168eb;
          line-height: 30rpx;
        }

        .zhiding {
          width: 46rpx;
          height: 25rpx;
          margin-right: 10rpx;
        }

        .jing {
          width: 26rpx;
          height: 26rpx;
          margin-right: 10rpx;
        }
      }

      // .imags{
      // 	image{
      // 		width: 100%;
      // 		height: 380rpx;
      // 		border-radius: 4rpx;
      // 	}
      // }
      // .imags2{
      // 	image{
      // 		width: 220rpx;
      // 		height: 220rpx;
      // 		border-radius: 8rpx;
      // 		margin-right: 8rpx;
      // 	}
      // }
      // .imags2 image:nth-child(3n){
      // 	margin-right: 0;
      // }
      // 图片
      .imgs {
        // height: 220rpx;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        // justify-content: space-between;
        overflow: hidden;
        margin-bottom: 28rpx;
        position: relative;

        .text_file {
          width: 100%;
          height: 116rpx;
          background: #f7f7f7;
          border-radius: 4rpx;
          display: flex;
          align-items: center;
          padding: 18rpx;
          box-sizing: border-box;
          image {
            width: 80rpx;
            height: 80rpx;
            margin-right: 20rpx;
          }

          text {
            font-size: 28rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: justify;
            color: #111111;
            line-height: 36rpx;
            max-width: 560rpx;
            word-break: break-all;
            word-warp: break-word;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
          }
        }

        .image {
          margin-top: 10rpx;
          width: 220rpx;
          height: 220rpx;
          border-radius: 8rpx;
          margin-right: 8rpx;
        }

        .image:nth-child(3n) {
          margin-right: 0;
        }

        .myImage {
          width: 678rpx;
          height: 412rpx;
          border-radius: 8rpx;
        }

        .shipin {
          position: relative;
          width: 678rpx;
          height: 380rpx;

          .myVideo {
            width: 678rpx;
            height: 380rpx;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 8rpx;
            z-index: 1;
          }

          .bofang {
            width: 80rpx;
            height: 80rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -40rpx;
            margin-top: -40rpx;
            z-index: 2;
          }
        }
      }
      .shop {
        width: 100%;
        height: 116rpx;
        padding: 18rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .shop_left {
          display: flex;
          image {
            width: 80rpx;
            height: 80rpx;
            margin-right: 14rpx;
          }
          .text {
            max-width: 410rpx;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .title {
              max-width: 410rpx;
              font-size: 28rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              overflow: hidden;
            }
            .jiage {
              .xianjia {
                font-size: 24rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                text-align: justify;
                color: #db361f;
                margin-right: 14rpx;
              }
              del {
                font-size: 24rpx;
                color: #999999;
              }
            }
          }
        }
        .shop_right {
          display: flex;
          align-items: center;
          .gang {
            width: 2rpx;
            height: 35rpx;
            background-color: #bbbbbb;
          }
          .buy {
            margin-right: 10rpx;
            margin-left: 28rpx;
            font-size: 30rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #0f6ede;
          }
        }
      }
      .post_bottom {
        height: 50rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 12rpx;

        .bottom_left {
          display: flex;

          // position: relative;
          text {
            font-size: 24rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #999999;
          }

          .t1 {
            margin-right: 20rpx;
          }
        }

        .bottom_right {
          height: 43rpx;
          display: flex;
          align-items: center;

          .zan {
            display: flex;
            align-items: center;
            margin-right: 57rpx;

            image {
              width: 40rpx;
              height: 40rpx;
            }

            text {
              font-size: 24rpx;
              color: #111111;
              margin-left: 4rpx;
            }
          }

          .pinlun {
            display: flex;
            align-items: center;
            margin-right: 57rpx;

            image {
              width: 40rpx;
              height: 40rpx;
            }

            text {
              font-size: 24rpx;
              color: #111111;
              margin-left: 10rpx;
            }
          }

          .fenxiang {
            width: 40rpx;
            height: 40rpx;
          }
        }
      }
    }

    .post:last-child {
      border-bottom: none;
    }
  }

  .hd {
    .post {
      border-bottom: 1rpx solid #dddddd;
      padding: 28rpx 0 24rpx 0;
      box-sizing: border-box;

      .post_top {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .top_left {
          display: flex;
          align-items: center;

          image {
            width: 88rpx;
            height: 88rpx;
            border-radius: 4rpx;
            margin-right: 20rpx;
          }

          .xinxi {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 88rpx;
            box-sizing: border-box;

            .from {
              display: flex;

              .company {
                max-width: 200rpx;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
              }
              .zhiwu {
                max-width: 200rpx;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
              }
            }

            .name {
              font-size: 30rpx;
              font-family: PingFangSC, PingFangSC-Medium;
              font-weight: 500;
              color: #111111;
            }

            text {
              font-size: 24rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #999999;
              margin-right: 18rpx;
            }
          }
        }

        .top_right {
          position: relative;
          width: 34rpx;
          height: 34rpx;
          display: flex;
          align-items: center;

          image {
            width: 100%;
            height: 100%;
          }

          .three6 {
            position: absolute;
            top: 50rpx;
            right: -6rpx;
            width: 180rpx;
            background-color: #fff;
            border-radius: 10rpx;
            padding: 0 20rpx;
            box-sizing: border-box;
            z-index: 11;

            .one1 {
              padding: 15rpx 0;
              font-size: 28rpx;
              width: 100%;
              text-align: center;
              border-bottom: 2rpx solid #eee;
            }

            .jiao {
              height: 0;
              width: 0;
              border-bottom: 15rpx solid #fff;
              border-left: 7.5rpx solid transparent;
              border-right: 7.5rpx solid transparent;
              position: absolute;
              right: 16rpx;
              top: -15rpx;
            }
          }
        }
      }

      .post_center {
        font-size: 30rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        color: #111111;
        line-height: 40rpx;
        margin-top: 24rpx;
        margin-bottom: 24rpx;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;

        .quan {
          display: inline-block;
          margin-left: 10rpx;
          font-size: 30rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #2168eb;
          line-height: 30rpx;
        }

        .zhiding {
          width: 46rpx;
          height: 25rpx;
          margin-right: 10rpx;
        }

        .jing {
          width: 26rpx;
          height: 26rpx;
          margin-right: 10rpx;
        }
      }

      // .imags{
      // 	image{
      // 		width: 100%;
      // 		height: 380rpx;
      // 		border-radius: 4rpx;
      // 	}
      // }
      // .imags2{
      // 	image{
      // 		width: 220rpx;
      // 		height: 220rpx;
      // 		border-radius: 8rpx;
      // 		margin-right: 8rpx;
      // 	}
      // }
      // .imags2 image:nth-child(3n){
      // 	margin-right: 0;
      // }
      // 图片
      .imgs {
        // height: 220rpx;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        // justify-content: space-between;
        overflow: hidden;
        margin-bottom: 28rpx;
        position: relative;

        .text_file {
          width: 100%;
          height: 116rpx;
          background: #f7f7f7;
          border-radius: 4rpx;
          display: flex;
          align-items: center;
          padding: 18rpx;
          box-sizing: border-box;
          image {
            width: 80rpx;
            height: 80rpx;
            margin-right: 20rpx;
          }

          text {
            font-size: 28rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: justify;
            color: #111111;
            line-height: 36rpx;
            max-width: 560rpx;
            word-break: break-all;
            word-warp: break-word;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
          }
        }

        .image {
          margin-top: 10rpx;
          width: 220rpx;
          height: 220rpx;
          border-radius: 8rpx;
          margin-right: 8rpx;
        }

        .image:nth-child(3n) {
          margin-right: 0;
        }

        .myImage {
          width: 678rpx;
          height: 412rpx;
          border-radius: 8rpx;
        }

        .shipin {
          position: relative;
          width: 678rpx;
          height: 380rpx;

          .myVideo {
            width: 678rpx;
            height: 380rpx;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 8rpx;
            z-index: 1;
          }

          .bofang {
            width: 80rpx;
            height: 80rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -40rpx;
            margin-top: -40rpx;
            z-index: 2;
          }
        }
      }
      .act {
        width: 100%;
        height: 116rpx;
        padding: 18rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .act_left {
          display: flex;
          image {
            width: 80rpx;
            height: 80rpx;
            margin-right: 14rpx;
          }
          .text {
            max-width: 410rpx;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .title {
              max-width: 410rpx;
              font-size: 28rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              overflow: hidden;
            }
            .time {
              font-size: 24rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              text-align: left;
              color: #999999;
            }
          }
        }
        .act_right {
          display: flex;
          align-items: center;
          .gang {
            width: 2rpx;
            height: 35rpx;
            background-color: #bbbbbb;
          }
          .join {
            margin-right: 10rpx;
            margin-left: 28rpx;
            font-size: 30rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #0f6ede;
          }
        }
      }
      .post_bottom {
        height: 50rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 12rpx;

        .bottom_left {
          display: flex;

          // position: relative;
          text {
            font-size: 24rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #999999;
          }

          .t1 {
            margin-right: 20rpx;
          }
        }

        .bottom_right {
          height: 43rpx;
          display: flex;
          align-items: center;

          .zan {
            display: flex;
            align-items: center;
            margin-right: 57rpx;

            image {
              width: 40rpx;
              height: 40rpx;
            }

            text {
              font-size: 24rpx;
              color: #111111;
              margin-left: 4rpx;
            }
          }

          .pinlun {
            display: flex;
            align-items: center;
            margin-right: 57rpx;

            image {
              width: 40rpx;
              height: 40rpx;
            }

            text {
              font-size: 24rpx;
              color: #111111;
              margin-left: 10rpx;
            }
          }

          .fenxiang {
            width: 40rpx;
            height: 40rpx;
          }
        }
      }
    }

    .post:last-child {
      border-bottom: none;
    }
  }

  .jh {
    .post {
      border-bottom: 1rpx solid #dddddd;
      padding: 28rpx 0 24rpx 0;
      box-sizing: border-box;

      .post_top {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .top_left {
          display: flex;
          align-items: center;

          image {
            width: 88rpx;
            height: 88rpx;
            border-radius: 4rpx;
            margin-right: 20rpx;
          }

          .xinxi {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 88rpx;
            box-sizing: border-box;

            .from {
              display: flex;

              .company {
                max-width: 200rpx;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
              }
              .zhiwu {
                max-width: 200rpx;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
              }
            }

            .name {
              font-size: 30rpx;
              font-family: PingFangSC, PingFangSC-Medium;
              font-weight: 500;
              color: #111111;
            }

            text {
              font-size: 24rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #999999;
              margin-right: 18rpx;
            }
          }
        }

        .top_right {
          position: relative;
          width: 34rpx;
          height: 34rpx;
          display: flex;
          align-items: center;

          image {
            width: 100%;
            height: 100%;
          }

          .three6 {
            position: absolute;
            top: 50rpx;
            right: -6rpx;
            width: 180rpx;
            background-color: #fff;
            border-radius: 10rpx;
            padding: 0 20rpx;
            box-sizing: border-box;
            z-index: 11;

            .one1 {
              padding: 15rpx 0;
              font-size: 28rpx;
              width: 100%;
              text-align: center;
              border-bottom: 2rpx solid #eee;
            }

            .jiao {
              height: 0;
              width: 0;
              border-bottom: 15rpx solid #fff;
              border-left: 7.5rpx solid transparent;
              border-right: 7.5rpx solid transparent;
              position: absolute;
              right: 16rpx;
              top: -15rpx;
            }
          }
        }
      }

      .post_center {
        font-size: 30rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        color: #111111;
        line-height: 40rpx;
        margin-top: 24rpx;
        margin-bottom: 24rpx;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;

        .quan {
          display: inline-block;
          margin-left: 10rpx;
          font-size: 30rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #2168eb;
          line-height: 30rpx;
        }

        .zhiding {
          width: 46rpx;
          height: 25rpx;
          margin-right: 10rpx;
        }

        .jing {
          width: 26rpx;
          height: 26rpx;
          margin-right: 10rpx;
        }
      }

      // .imags{
      // 	image{
      // 		width: 100%;
      // 		height: 380rpx;
      // 		border-radius: 4rpx;
      // 	}
      // }
      // .imags2{
      // 	image{
      // 		width: 220rpx;
      // 		height: 220rpx;
      // 		border-radius: 8rpx;
      // 		margin-right: 8rpx;
      // 	}
      // }
      // .imags2 image:nth-child(3n){
      // 	margin-right: 0;
      // }
      // 图片
      .imgs {
        // height: 220rpx;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        // justify-content: space-between;
        overflow: hidden;
        margin-bottom: 28rpx;
        position: relative;

        .text_file {
          width: 100%;
          height: 116rpx;
          background: #f7f7f7;
          border-radius: 4rpx;
          display: flex;
          align-items: center;
          padding: 18rpx;
          box-sizing: border-box;
          image {
            width: 80rpx;
            height: 80rpx;
            margin-right: 20rpx;
          }

          text {
            font-size: 28rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: justify;
            color: #111111;
            line-height: 36rpx;
            max-width: 560rpx;
            word-break: break-all;
            word-warp: break-word;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
          }
        }

        .image {
          margin-top: 10rpx;
          width: 220rpx;
          height: 220rpx;
          border-radius: 8rpx;
          margin-right: 8rpx;
        }

        .image:nth-child(3n) {
          margin-right: 0;
        }

        .myImage {
          width: 678rpx;
          height: 412rpx;
          border-radius: 8rpx;
        }

        .shipin {
          position: relative;
          width: 678rpx;
          height: 380rpx;

          .myVideo {
            width: 678rpx;
            height: 380rpx;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 8rpx;
            z-index: 1;
          }

          .bofang {
            width: 80rpx;
            height: 80rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -40rpx;
            margin-top: -40rpx;
            z-index: 2;
          }
        }
      }
      .act {
        width: 100%;
        height: 116rpx;
        padding: 18rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .act_left {
          display: flex;
          image {
            width: 80rpx;
            height: 80rpx;
            margin-right: 14rpx;
          }
          .text {
            max-width: 410rpx;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .title {
              max-width: 410rpx;
              font-size: 28rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              overflow: hidden;
            }
            .time {
              font-size: 24rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              text-align: left;
              color: #999999;
            }
          }
        }
        .act_right {
          display: flex;
          align-items: center;
          .gang {
            width: 2rpx;
            height: 35rpx;
            background-color: #bbbbbb;
          }
          .join {
            margin-right: 10rpx;
            margin-left: 28rpx;
            font-size: 30rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #0f6ede;
          }
        }
      }
      .shop {
        width: 100%;
        height: 116rpx;
        padding: 18rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .shop_left {
          display: flex;
          image {
            width: 80rpx;
            height: 80rpx;
            margin-right: 14rpx;
          }
          .text {
            max-width: 410rpx;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .title {
              max-width: 410rpx;
              font-size: 28rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              overflow: hidden;
            }
            .jiage {
              .xianjia {
                font-size: 24rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                text-align: justify;
                color: #db361f;
                margin-right: 14rpx;
              }
              del {
                font-size: 24rpx;
                color: #999999;
              }
            }
          }
        }
        .shop_right {
          display: flex;
          align-items: center;
          .gang {
            width: 2rpx;
            height: 35rpx;
            background-color: #bbbbbb;
          }
          .buy {
            margin-right: 10rpx;
            margin-left: 28rpx;
            font-size: 30rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #0f6ede;
          }
        }
      }
      .post_bottom {
        height: 50rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 12rpx;

        .bottom_left {
          display: flex;

          // position: relative;
          text {
            font-size: 24rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #999999;
          }

          .t1 {
            margin-right: 20rpx;
          }
        }

        .bottom_right {
          height: 43rpx;
          display: flex;
          align-items: center;

          .zan {
            display: flex;
            align-items: center;
            margin-right: 57rpx;

            image {
              width: 40rpx;
              height: 40rpx;
            }

            text {
              font-size: 24rpx;
              color: #111111;
              margin-left: 4rpx;
            }
          }

          .pinlun {
            display: flex;
            align-items: center;
            margin-right: 57rpx;

            image {
              width: 40rpx;
              height: 40rpx;
            }

            text {
              font-size: 24rpx;
              color: #111111;
              margin-left: 10rpx;
            }
          }

          .fenxiang {
            width: 40rpx;
            height: 40rpx;
          }
        }
      }
    }

    .post:last-child {
      border-bottom: none;
    }
  }
  .sj {
    .essence {
      border-bottom: 1rpx solid #dddddd;
      padding: 28rpx 0 24rpx 0;
      box-sizing: border-box;

      .essence_top {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .top_left {
          display: flex;
          align-items: center;

          image {
            width: 88rpx;
            height: 88rpx;
            border-radius: 4rpx;
            margin-right: 20rpx;
          }

          .xinxi {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 88rpx;
            box-sizing: border-box;

            .from {
              display: flex;

              .company {
                max-width: 200rpx;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
              }
              .zhiwu {
                max-width: 200rpx;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
              }
            }

            .name {
              font-size: 30rpx;
              font-family: PingFangSC, PingFangSC-Medium;
              font-weight: 500;
              color: #111111;
            }

            text {
              font-size: 24rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #999999;
              margin-right: 18rpx;
            }
          }
        }

        .top_right {
          position: relative;
          width: 34rpx;
          height: 34rpx;
          display: flex;
          align-items: center;

          image {
            width: 100%;
            height: 100%;
          }

          .three6 {
            position: absolute;
            top: 50rpx;
            right: -6rpx;
            width: 180rpx;
            background-color: #fff;
            border-radius: 10rpx;
            padding: 0 20rpx;
            box-sizing: border-box;
            z-index: 11;

            .one1 {
              padding: 15rpx 0;
              font-size: 28rpx;
              width: 100%;
              text-align: center;
              border-bottom: 2rpx solid #eee;
            }

            .jiao {
              height: 0;
              width: 0;
              border-bottom: 15rpx solid #fff;
              border-left: 7.5rpx solid transparent;
              border-right: 7.5rpx solid transparent;
              position: absolute;
              right: 16rpx;
              top: -15rpx;
            }
          }
        }
      }

      .essence_center {
        font-size: 30rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        color: #111111;
        line-height: 40rpx;
        margin-top: 24rpx;
        margin-bottom: 24rpx;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;

        .zhiding {
          width: 46rpx;
          height: 25rpx;
          margin-right: 10rpx;
          // display: inline-block;
          // padding: 1rpx;
          // text-align: center;
          // line-height: 25rpx;
          // border: 2rpx solid #db361f;
          // border-radius: 4rpx;
          // font-size: 20rpx;
          // font-family: PingFangSC, PingFangSC-Medium;
          // color: #db361f;
          // box-sizing: border-box;
        }

        .jing {
          // display: inline-block;
          // padding: 1rpx;
          // text-align: center;
          // line-height: 25rpx;
          // background: #e8950d;
          // border-radius: 4rpx;
          // font-size: 20rpx;
          // font-family: PingFangSC, PingFangSC-Medium;
          // font-weight: 500;
          // color: #ffffff;
          // box-sizing: border-box;
          width: 26rpx;
          height: 26rpx;
          margin-right: 10rpx;
        }

        .quan {
          display: inline-block;
          margin-left: 10rpx;
          font-size: 30rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #2168eb;
          line-height: 30rpx;
        }
      }

      // .imags{
      // 	image{
      // 		width: 100%;
      // 		height: 380rpx;
      // 		border-radius: 4rpx;
      // 	}
      // }
      // .imags2{
      // 	image{
      // 		width: 220rpx;
      // 		height: 220rpx;
      // 		border-radius: 8rpx;
      // 		margin-right: 8rpx;
      // 	}
      // }
      // .imags2 image:nth-child(3n){
      // 	margin-right: 0;
      // }
      .imgs {
        // height: 220rpx;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        // justify-content: space-between;
        overflow: hidden;
        margin-bottom: 28rpx;
        position: relative;

        .text_file {
          width: 100%;
          height: 116rpx;
          background: #f7f7f7;
          border-radius: 4rpx;
          display: flex;
          align-items: center;
          padding: 18rpx;
          box-sizing: border-box;
          image {
            width: 80rpx;
            height: 80rpx;
            margin-right: 20rpx;
            border-radius: 4rpx;
          }

          text {
            font-size: 28rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: justify;
            color: #111111;
            line-height: 36rpx;
            max-width: 560rpx;
            word-break: break-all;
            word-warp: break-word;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
          }
        }

        .image {
          margin-top: 10rpx;
          width: 220rpx;
          height: 220rpx;
          border-radius: 8rpx;
          margin-right: 8rpx;
        }

        .image:nth-child(3n) {
          margin-right: 0;
        }

        .myImage {
          width: 678rpx;
          height: 412rpx;
          border-radius: 8rpx;
        }

        .shipin {
          position: relative;
          width: 678rpx;
          height: 380rpx;

          .myVideo {
            width: 678rpx;
            height: 380rpx;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 8rpx;
            z-index: 1;
          }

          .bofang {
            width: 80rpx;
            height: 80rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -40rpx;
            margin-top: -40rpx;
            z-index: 2;
          }
        }
      }

      .essence_bottom {
        height: 50rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 12rpx;

        .bottom_left {
          display: flex;

          text {
            font-size: 24rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #999999;
          }

          .t1 {
            margin-right: 20rpx;
          }
        }

        .bottom_right {
          height: 43rpx;
          display: flex;
          align-items: center;

          .zan {
            display: flex;
            align-items: center;
            margin-right: 57rpx;

            image {
              width: 40rpx;
              height: 40rpx;
            }

            text {
              font-size: 24rpx;
              color: #111111;
              margin-left: 4rpx;
            }
          }

          .pinlun {
            display: flex;
            align-items: center;
            margin-right: 57rpx;

            image {
              width: 40rpx;
              height: 40rpx;
            }

            text {
              font-size: 24rpx;
              color: #111111;
              margin-left: 10rpx;
            }
          }

          .fenxiang {
            width: 40rpx;
            height: 40rpx;
          }
        }
      }
    }

    .essence:last-child {
      border-bottom: none;
    }
  }
  .wd {
    .imgs {
      // height: 220rpx;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      // justify-content: space-between;
      overflow: hidden;
      margin-bottom: 28rpx;
      position: relative;

      .text_file {
        width: 100%;
        height: 116rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        display: flex;
        align-items: center;
        padding: 18rpx;
        box-sizing: border-box;
        image {
          width: 80rpx;
          height: 80rpx;
          margin-right: 20rpx;
        }

        text {
          font-size: 28rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          text-align: justify;
          color: #111111;
          line-height: 36rpx;
          max-width: 560rpx;
          word-break: break-all;
          word-warp: break-word;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
        }
      }

      .image {
        margin-top: 10rpx;
        width: 220rpx;
        height: 220rpx;
        border-radius: 8rpx;
        margin-right: 8rpx;
      }

      .image:nth-child(3n) {
        margin-right: 0;
      }

      .myImage {
        width: 678rpx;
        height: 412rpx;
        border-radius: 8rpx;
      }

      .shipin {
        position: relative;
        width: 678rpx;
        height: 380rpx;

        .myVideo {
          width: 678rpx;
          height: 380rpx;
          position: absolute;
          top: 0;
          left: 0;
          border-radius: 8rpx;
          z-index: 1;
        }

        .bofang {
          width: 80rpx;
          height: 80rpx;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -40rpx;
          margin-top: -40rpx;
          z-index: 2;
        }
      }
    }
    .document {
      border-bottom: 1rpx solid #dddddd;
      padding: 28rpx 0 24rpx 0;
      box-sizing: border-box;

      .document_top {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .top_left {
          display: flex;
          align-items: center;

          image {
            width: 88rpx;
            height: 88rpx;
            border-radius: 4rpx;
            margin-right: 20rpx;
          }

          .xinxi {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 88rpx;
            box-sizing: border-box;

            .from {
              display: flex;

              .company {
                max-width: 200rpx;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
              }
              .zhiwu {
                max-width: 200rpx;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
              }
            }

            .name {
              font-size: 30rpx;
              font-family: PingFangSC, PingFangSC-Medium;
              font-weight: 500;
              color: #111111;
            }

            text {
              font-size: 24rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #999999;
              margin-right: 18rpx;
            }
          }
        }

        .top_right {
          position: relative;
          width: 34rpx;
          height: 34rpx;
          display: flex;
          align-items: center;

          image {
            width: 100%;
            height: 100%;
          }

          .three6 {
            position: absolute;
            top: 50rpx;
            right: -6rpx;
            width: 180rpx;
            background-color: #fff;
            border-radius: 10rpx;
            padding: 0 20rpx;
            box-sizing: border-box;
            z-index: 11;

            .one1 {
              padding: 15rpx 0;
              font-size: 28rpx;
              width: 100%;
              text-align: center;
              border-bottom: 2rpx solid #eee;
            }

            .jiao {
              height: 0;
              width: 0;
              border-bottom: 15rpx solid #fff;
              border-left: 7.5rpx solid transparent;
              border-right: 7.5rpx solid transparent;
              position: absolute;
              right: 16rpx;
              top: -15rpx;
            }
          }
        }
      }

      .document_center {
        font-size: 30rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        color: #111111;
        line-height: 40rpx;
        margin-top: 24rpx;
        margin-bottom: 24rpx;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;

        .zhiding {
          width: 46rpx;
          height: 25rpx;
          margin-right: 10rpx;
        }

        .jing {
          width: 26rpx;
          height: 26rpx;
          margin-right: 10rpx;
        }

        .quan {
          display: inline-block;
          margin-left: 10rpx;
          font-size: 30rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #2168eb;
          line-height: 30rpx;
        }
      }

      .text_file {
        width: 100%;
        height: 116rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        display: flex;
        align-items: center;
        padding: 18rpx;
        box-sizing: border-box;
        image {
          width: 80rpx;
          height: 80rpx;
          margin-right: 20rpx;
        }

        text {
          font-size: 28rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          text-align: justify;
          color: #111111;
          line-height: 36rpx;
          max-width: 560rpx;
          word-break: break-all;
          word-warp: break-word;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
        }
      }

      .document_bottom {
        height: 50rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 12rpx;

        .bottom_left {
          display: flex;

          text {
            font-size: 24rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #999999;
          }

          .t1 {
            margin-right: 20rpx;
          }
        }

        .bottom_right {
          height: 43rpx;
          display: flex;
          align-items: center;

          .zan {
            display: flex;
            align-items: center;
            margin-right: 57rpx;

            image {
              width: 40rpx;
              height: 40rpx;
            }

            text {
              font-size: 24rpx;
              color: #111111;
              margin-left: 4rpx;
            }
          }

          .pinlun {
            display: flex;
            align-items: center;
            margin-right: 57rpx;

            image {
              width: 40rpx;
              height: 40rpx;
            }

            text {
              font-size: 24rpx;
              color: #111111;
              margin-left: 10rpx;
            }
          }

          .fenxiang {
            width: 40rpx;
            height: 40rpx;
          }
        }
      }
    }

    .document:last-child {
      border-bottom: none;
    }
  }
}

.bot {
  width: 330rpx;
  height: 118rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  border: 1rpx solid #dddddd;
  border-radius: 59rpx;
  box-shadow: 0rpx 12rpx 40rpx 0rpx rgba(0, 0, 0, 0.05),
    0rpx 3rpx 9rpx 0rpx rgba(0, 0, 0, 0.03),
    0rpx 1rpx 3rpx 0rpx rgba(0, 0, 0, 0.02);
  position: fixed;
  bottom: 105rpx;
  left: 50%;
  margin-left: -165rpx;
  font-size: 24rpx;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #111111;
  padding: 0 54rpx;
  box-sizing: border-box;
  z-index: 7;

  .tie {
    display: flex;
    flex-direction: column;
    align-items: center;

    image {
      width: 74rpx;
      height: 74rpx;
    }
  }

  .posters {
    display: flex;
    flex-direction: column;
    align-items: center;

    image {
      width: 74rpx;
      height: 74rpx;
    }
  }
}
</style>
